爲什麼表達式在AngularJS示例中出現？

我下面的代碼：爲什麼表達式在AngularJS示例中出現？

<!DOCTYPE html> 
<html> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body> 

    <p>Try to change the names.</p> 

    <div ng-app="myApp"> 

    First Name: <input type="text" ng-model="firstName"><br> 
    Last Name: <input type="text" ng-model="lastName"><br> 
    <br> 


    Full Name: {{firstName + " " + lastName}} 

    </div> 

</body> 
</html>

的上面的代碼在瀏覽器中輸出如下：

Full Name: {{firstName + " " + lastName}}

我的問題是，爲什麼表達式出現，因爲它是？

來源

2016-12-07 user2839497

看起來你沒有聲明控制器。 – rrd

好友，你的[ng-controller]在哪裏（https://docs.angularjs.org/api/ng/directive/ngController） – sisyphus

您沒有註冊angul AR模塊，其中angualr從這個起點開始引導。

<script> 
angular.module("myApp",[]) 
</script>

並用此模塊初始化爲ng-app指令。

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

來源

2016-12-07 08:36:17

由於您尚未定義名爲myApp的角度應用程序，因此您必須定義ng-app指令沒有任何價值。 ng-app="myApp"應該ng-app

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 

 
<body> 
 
    <p>Try to change the names.</p> 
 
    <div ng-app> 
 
    First Name: 
 
    <input type="text" ng-model="firstName"> 
 
    <br>Last Name: 
 
    <input type="text" ng-model="lastName"> 
 
    <br> 
 
    <br>Full Name: {{firstName + " " + lastName}} 
 
    </div> 
 
</body> 
 

 
</html>

如果你需要有一個單獨的角模塊，你可以像下面

var app = angular.module("myApp", []);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 

 
<body> 
 
    <p>Try to change the names.</p> 
 
    <div ng-app="myApp"> 
 
    First Name: 
 
    <input type="text" ng-model="firstName"> 
 
    <br>Last Name: 
 
    <input type="text" ng-model="lastName"> 
 
    <br> 
 
    <br>Full Name: {{firstName + " " + lastName}} 
 
    </div> 
 
</body> 
 

 
</html>

來源

2016-12-07 08:31:47 Sankar

如果我避開ng-app指令的值，它會產生什麼樣的差別？ – user2839497

它不能避免，你還沒有定義一個名爲myApp的角度應用程序，所以你不能使用它。 – Sankar

您尚未在ejs文件中定義任何控制器。

add ng-controller連同ng-app並在您的角度應用程序中定義該控制器。

<div ng-app="myApp" ng-controller="myCtrl">

在angular App這樣定義Controller：

var app = angular.module("myApp",[]); 

app.controller('myCtrl',function($scope){ 
    ... 
});

希望這有助於你。

來源

2016-12-07 09:38:04

爲什麼表達式在AngularJS示例中出現？

回答

相關問題