私はanugar jsで2つのアプリケーションを実装していますが、動作していません。

Question

2 hngページで2 ng-appを実装しましたが、2番目のページでは機能しません。

<div id="App1" ng-app="shoppingCart" ng-controller="ShoppingCartController"> 
     <p>Name : <input type="text" data-ng-model="name"></p> 
     <h1>Hello {{name}}</h1> 


     <p> Name: <input type="text" id="first_name" ng-model="first_name"></p> 
     <h1 ng-bind="first_name"></h1> 


     <div ng-init="firstName='jaskaran'" id="firstName"></div> 
     <p> This is the first name:<span ng-bind="firstName"></span></p> 

     <p id ="x"> 
      my first calculation {{5+5}} 
     </p> 
    </div> 


     <div id="App2" ng-app="namesList" ng-controller="NamesController" > 
      <input type="text" id="firstLast" ng-model="firstLast"> 
      Full Name: {{firstLast}} 

     </div> 

ここでスクリプトが

var xApp = angular.module('shoppingCart',[]) 
xApp.controller ('ShoppingCartController', function($scope) { 

}) ; 

var app = angular.module('namesList',[]) 
app.controller('NamesController',function($scope){ 

     $scope.firstLast = "Nitin" ; 


}); 

Answer 1

訪問このURLあなたは http://shrestha-manoj.blogspot.in/2014/06/can-angularjs-have-multiple-ng-app.html

Answer 2

一つだけAngularJSアプリケーションは、HTML文書ごとに自動ブートストラップすることができます。ドキュメントにある最初のngAppは、アプリケーションとして自動ブートストラップするルート要素を定義するために使用されます。 HTML文書で複数のアプリケーションを実行するには、angular.bootstrapを手動でブートストラップする必要があります。

angular.bootstrap(document.getElementById("App2"), ['namesList']); 

それはあなたの第二ng-appディレクティブをブートストラップします：

はこれを試してみてください。