首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >angularJS ng-app值问题

angularJS ng-app值问题
EN

Stack Overflow用户
提问于 2015-03-01 20:34:37
回答 2查看 704关注 0票数 3

下面的代码可以工作。

代码语言:javascript
复制
<body ng-app="" ng-init="names=['a','b']">
    <ul ng-repeat="x in names">
        <li >
             {{ x }}
        </li>
    </ul> 
</body>

但是,一旦我向ng-app添加了一个值(比如ng-app="myApp"),它就会停止工作。有人会知道为什么吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-03-01 20:51:03

因为,您通过指定名称告诉角,在这个页面中,我将要使用的所有对象、定义和细节都是在一个名为my的模块中定义的。寻找它的角度,却找不到。

当您指定ng-app时,您应该指定应用程序定义,控制器您可以从ng-init初始化这些值。

代码语言:javascript
复制
<html>
<body>
<div ng-app="myapp" controller="MyController">
      <span>{{personname}}</span>
</div>

<script>
// this will setup the myapp
var app = angular.module('myapp', []);
app.controller('MyController',function(){
$scope.personname='tammi';
});
</script>

</body>
</html>
票数 2
EN

Stack Overflow用户

发布于 2015-03-01 20:51:33

您将需要创建一个单独的"app.js“(不要忘记在html(视图)中的脚本标记中引用它),并创建一个角模块并将其分配给全局变量"myApp":

代码语言:javascript
复制
var myApp = angular.module("myApp", []);

然后创建一个控制器,该控制器将通过$scope服务向视图公开数据:

代码语言:javascript
复制
myApp.controller("MyCtrl", function($scope){
   $scope.names = ['a', 'b'];
}

在视图中,执行以下操作:

代码语言:javascript
复制
<body ng-app="myApp" ng-controller="MyCtrl">
    <ul ng-repeat="x in names">
        <li >
             {{ x }}
        </li>
    </ul> 
</body>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28798730

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档