2014-07-13 91 views
0

我無法獲得綁定的工作。 我不知道我在做什麼錯。 當我嘗試在頁面上顯示標題的值時,生成的頁面是「{{name}}」而不是「我的應用程序」。無法使用AngularJS綁定數據

下面是代碼:

<!DOCTYPE HTML> 
<html ng-app="appModule"> 
<head ng-controller="appController"> 
    <meta name="viewport" content="width=device-width" /> 
    <title>Home</title> 

    <script src="~/Views/Scripts/angular.js"></script> 
    <script> 
     /// <reference path="~/Views/Scripts/angular.js" /> 

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

     appModule.controller("appController", function ($scope) 
     { 
      $scope.name = "My App"; 
     }); 
    </script> 
</head> 
<body ng-controller="appController"> 
    <div> 
     <h1>{{name}}</h1> 
    </div> 
</body> 
</html> 
+1

您應該避免在URL中使用代字號。 – Tom

回答

1

我把它從谷歌CDN加載角直接工作,所以錯誤可能的角度

加載在這裏看到:http://jsfiddle.net/9JyX6/

<html ng-app="appModule"> 
<head ng-controller="appController"> 
    <title>Home</title> 

    <script> 
     /// <reference path="~/Views/Scripts/angular.js" /> 

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

     appModule.controller("appController", function ($scope) 
     { 
      $scope.name = "My App"; 
     }); 
    </script> 
</head> 
<body ng-controller="appController"> 
    <div> 
     <h1>{{name}}</h1> 
    </div> 
</body> 
</html> 
+0

使用「../」更新腳本標記語法: