0

嗨，我是 AngularJS 的新手。这是我的 index.html 文件 http://clip2net.com/s/3oknPG6

<!doctype html>
<html ng-app="app">
    <head>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script>
        <meta charset="utf-8">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Angular route</title>
        <link rel="stylesheet" href="css/style.css">
        <link rel="author" href="humans.txt">
         <script src="angular.js"></script>
        <script src="node_modules/angular-ui-router/release/angular-ui-router.min.js"></script>
        <script src="app/app.js"></script>
        <style>
        body {
            padding: 20px;
        }
        </style>


    </head>
    <body>
    <div ng-view></div>

    <script src="js/main.js"></script>

    </body>
</html>

这是 app.js 文件：

angular.module("app", ["ui.router"])


.config(function config($stateProvider){
        $stateProvider.state("index", {
            url:"",
            controller: "FirstCtrl as first",
            templateUrl: "templates/first.html"
        })
    })

.controller("FirstCtrl", function FirstCtrl(){
            var first = this;
            first.greeting = "First";
        });

和 first.html 文件：

<input type="text" ng-model="first.greeting"/>
    <div ng-class="first.greeting">{{first.greeting}}</div>

我无法在视图中获取数据，请帮我解决这个问题。我也收到此错误：无法读取未定义的属性“isDefined”。

4

3 回答 3

0

您在 index.html 中加载了两次“ui-router”依赖项。也许这就是问题所在？包含 angular.min.js 后，只需加载你的 ui 路由器。

于 2015-10-03T06:21:44.223 回答
0

什么是<script src="js/main.js"></script>， <script src="app/app.js"></script>还有你已经加载了 ui-router 两次，删除 <script src="node_modules/angular-ui-router/release/angular-ui-router.min.js"></script> 我也不确定你想在你的 view first.html 文件中通过写来实现什么

ng-class="first.greeting"

ngClass 指令允许您通过数据绑定表示要添加的所有类的表达式来在 HTML 元素上动态设置 CSS 类。 更多关于 ng-class 的信息

于 2015-10-03T08:44:29.577 回答
0

我相信问题在于配置......

controller: "FirstCtrl as first"

您可以使用一个 controllerAs 字段。尝试这个：

controller: "FirstCtrl"
controllerAs: "first"

这应该有望解决未定义的“isDefined”问题。Angular 实际上会寻找一个名为“FirstCtrl as first”的控制器。

希望这可以帮助。

于 2015-10-03T06:48:03.773 回答