Question

所以，我的网站正在进行分页，并且通过将.load添加到div，我没有使用角度JS加载子页面，我只想在我的子页面中使用angular。

这是我的子页面

    <script type="text/javascript"
        src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>


<div data-ng-app="myApp">

    <div data-ng-controller="appCtrl">
      <p>{{greeting.text}}, world </p>
    </div> 


</div>

<script>
    $(document).ready(function () {
        var appname = angular.module('myApp', []);
        appname.controller('appCtrl', ['$scope',
          function ($scope) {
              $scope.greeting = { text: 'Hello' };
          }]);
    })

</script>

它加载到masterPage / Index但是角度JS无法正常工作，它没有做任何事情，我做错了吗？

如果我加载页面自己，没有索引，应用程序正在工作，但索引不是

我收到此控制台输出消息：UPDATE put body而不是div删除了此控制台输出，但仍然我的应用程序无法正常工作。然而，如果我有身体，我的整个分页系统都不会工作，它会在加载页面时删除它所以jeah

Uncaught Error: Unknown provider: $controllerProvider from myApp

Answer 1

您尚未声明应用名称：

<div data-ng-app>

应该是

<div data-ng-app="myApp">

然后在你的代码中你可以做到：

angular.module('myApp', []);

Answer 2

您使用jQuery等待文档就绪事件，但jQuery尚未包含在内。

此外，您不需要应用和控制器上的数据前缀。

试试这个：

   <script type="text/javascript"
        src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>


<div ng-app="myApp">

    <div ng-controller="appCtrl">
      <p>{{greeting.text}}, world </p>
    </div> 


</div>

<script>

        var appname = angular.module('myApp', []);
        appname.controller('appCtrl', ['$scope',
          function ($scope) {
              $scope.greeting = { text: 'Hello' };
          }]);


</script>

Angular js，简单的app不工作

2 个答案: