Question

有一个问题，角度似乎在我的应用程序中根本不起作用。

尝试使用mainController在索引页面上运行消息，并且甚至不会运行它。

JSFiddle：https://jsfiddle.net/cj5pe43k/1/。

HTML：

<body ng-app="app" ng-controller="mainController">

    <div id="test" style="position:absolute;top:0;left:0;background:#000;width:100vw;height:100vh;color:#fff;display:flex;align-items:center;justify-content:center;"><p>{{message}}</p></div>

    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

</body>

JS：

var app = angular.module('app', ['ngRoute']);

app.config(function($routeProvider) {
    $routeProvider

    .when('/', {
        templateUrl: 'index.html',
        controller: 'mainController'
    })

    .when('/', {
        templateUrl: 'pages/home.html',
        controller: 'mainController'
    })
})

app.controller('mainController', function($scope) {
    $scope.message = 'Main Controller Active';
})

Answer 1

在检查你的jsFiddle之后，看起来你包括angular-ui-router，尽管输入了ngRoute的代码。小提琴返回的错误有点隐藏但很清楚：它无法找到ngRoute模块。并且您附加的文件包含angular-ui-router。

您是否正在执行这些步骤？ https://docs.angularjs.org/api/ngRoute

如果您想要包含ui路由器，请在此处查看：https://ui-router.github.io/ng1/docs/latest/index.html#/api/ui.router

Answer 2

两个可能的原因：

<head>中没有Angular。
出现错误。检查控制台是否有错误，例如＆＃34; module＆＃39; app＆＃39;不可用＆＃34;。这适用于ngRoute和主应用程序（您需要ngRoute模块的angular-route.js）。如果你使用ui-router，你需要angular-ui-router.js。

Answer 3

您已加载ui-router网址。尝试使用angular route cdn

否则使用ui-routing

AnguarJS甚至不会运行$ scope消息

3 个答案: