0

当我们给出指令时该指令ng-repeat无法正常工作，ng-app="MyApp"并且该指令在没有向指令传递任何值的情况下工作，ng-app这对我来说是一种奇怪的行为。我是 AngularJS 的新手。这种行为是预期的吗？

请对此有所了解。

<!DOCTYPE html>
<html>
  <head>
    <title>Books Buddy</title>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  </head>
  <body ng-app="MyApp">
    <div ng-init="books=['EffectiveJava','ServletBlackbook','CodeCleaner','HeadFirstJava']">
      <ul>
        <li ng-repeat="book in books">{{book}}</li>
      </ul>
    </div>
  </body>
</html>
4

4 回答 4

1

当只使用 ngInit 而没有控制器、指令或服务时，您不需要 ngApp。这就是角度的工作原理。如果您将 MyApp 指定为您的 ngApp 角度将无法找到它，那么您会得到错误。

于 2016-02-15T11:26:03.667 回答
0

只是男性ng-app=''它应该工作

<!DOCTYPE html>
<html>
<head><title>Books Buddy</title></head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.js"></script>
<body ng-app="">
 <div ng-init="books=['EffectiveJava','ServletBlackbook','CodeCleaner','HeadFirstJava']">
 <ul>
   <li ng-repeat="book in books">{{book}}
   </li>
 </ul>
 </div>
</body>
</html>
于 2016-02-15T11:25:26.780 回答
0

在书本上使用ng-model，这里不需要写，ng-app="myApp"因为你没有单独初始化你的应用程序，上面的代码不是那么动态，所以你可以直接使用 ng-app

尝试这个 ：

<!DOCTYPE html>
<html>
<head>
<title>Books Buddy</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">    </script>
</head>
<body ng-app >
<div ng-init="books=['EffectiveJava','ServletBlackbook','CodeCleaner','HeadFirstJava']">
 <div ng-model="books" >
  <ul ng-repeat="book in books" >
    <li>{{book}}</li>
  </ul>
</div>
</div>
</body>
</html>
于 2016-02-15T12:04:12.543 回答
0

这是你的方式（这里我们只在 html 中做所有事情，所以我们不需要自定义应用程序。我们可以说“嘿，角度只是做你可以做的事情”）

<!DOCTYPE html>
<html>
<head><title>Books Buddy</title></head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app>
 <div ng-init="books=['EffectiveJava','ServletBlackbook','CodeCleaner','HeadFirstJava']">
 <ul>
   <li ng-repeat="book in books">{{book}}
   </li>
 </ul>
 </div>
</body>
</html>

这是一种正确的方式（在这里我们声明了我们自己的应用程序，所以我们需要为我们的应用程序设置一个名称..）

<!DOCTYPE html>
<html>
<head><title>Books Buddy</title></head>
<body ng-app = "myApp">
 <div ng-controller="mainCtrl">
 <ul>
   <li ng-repeat="book in books">{{book}}</li>
 </ul>
 </div>
</body>

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script type="text/javascript">
    var app = angular.module("myApp", []);

    app.controller("mainCtrl", function($scope){
        $scope.books = ['EffectiveJava','ServletBlackbook','CodeCleaner','HeadFirstJava'];
    });

</script>
</html>
于 2016-02-15T11:29:33.410 回答