AngularJS不工作時，我分裂NG-應用和NG-控制器

-1

我有這個代碼的html：AngularJS不工作時，我分裂NG-應用和NG-控制器

<div ng-app="myApp" ng-controller="myCtrl"> 
     {{ firstName + " " + lastName}} 
    </div> 

    <div ng-app="MyApp"> 
     <div ng-controller="myCtrl"> 
      {{ firstName + " " + lastName}} 
     </div> 
    </div>

爲什麼第二（分裂的div）犯規角工作和工程的第一個（只有一個DIV ）？

順便說一句我的.js文件是這樣的：

var app = angular.module("myApp", []); 
app.controller("myCtrl", function($scope) { 
$scope.firstName = "John"; 
$scope.lastName = "Doe"; 
});

編輯：這是我得到我的網頁上：

John Doe 
{{ firstName + " " + lastName}}

來源

2015-09-25 Stef

在第二個例子中，你改變了應用程序名稱，MyApp。將其更改爲myApp，它應該可以工作。

來源

2015-09-25 15:26:15

我不能相信我有一個錯字，但奇怪的是它仍然無法正常工作。 – Stef

我改變了他們的地方，並發現角度只需要第一個ng-app。無論如何感謝您的答案 – Stef

一個應用程序只能有一個ng-app指令。

每個HTML 文檔只能自動引導一個AngularJS應用程序。在文檔中找到的第一個ngApp將用於定義作爲應用程序的自動引導的根元素。要在HTML文檔中運行多個應用程序，您必須使用angular.bootstrap代替手動引導它們。 AngularJS應用程序不能彼此嵌套地嵌套在之間。

https://docs.angularjs.org/api/ng/directive/ngApp

來源

2015-09-25 15:32:56 Green

AngularJS不工作時，我分裂NG-應用和NG-控制器

回答

相關問題