Question

我有两页。在第一页使用controller1。和第二页使用controller2。我在第一页中包含第二页。

第二页功能没有落实。

在第一页

  <script type="text/javascript">
    var app = angular.module("myApp", []);
    app.controller("FirstCtrl", function ($scope, $http) {
    });
    </script>

<div ng-app="MyApp" ng-controller="FirstCtrl">
        <div ng-include="'second.html'">
        </div>
</div>

在第二页

<script type="text/javascript">
     var app = angular.module("myApp", []);
     app.controller("SecondCtrl", function ($scope, $http) {

         $scope.Save = function () {
             alert("Hai");
         };
     });
    </script>

<div  ng-controller="SecondCtrl">
<input type="button" value="Save" ng-click="Save()" />
</div>

$ scope.Save not working。

Answer 1

Demo sample link

在你的代码<div ng-app="MyApp" ng-controller="FirstCtrl">中你的使用大写字母M - MyApp你应该使用myApp，并且两个脚本都尝试再次创建模块，第一个文件需要在第二个文件中创建需要调用。

第二页AngularJS功能在ng-include中不起作用

1 个答案: