2014-11-04 32 views
0

我開始使用angularjs,我在使用1.3.1版本時遇到了一個非常基本的例子。我跟着用下面的代碼的教程:無法投入使用angularjs 1.3.1

<!doctype html> 
<html lang="en" ng-app> 
<head> 
    <meta charset="UTF-8"> 
<title>Angular Demo</title> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.1/angular.min.js"></script> 
</head> 
<body> 

<div ng-controller="MyController"> 
    <h1>{{author.name}}</h1> 
    <p>{{author.company}}</p> 
</div> 

<script> 

    function MyController($scope) { 
     $scope.author = { 
      'name': 'Some Name', 
      'company': 'Some Company' 
     } 
    } 
</script> 
</body> 
</html> 

而且我得到以下結果:

{{author.name}}

{{author.company}}

似乎角度未正確初始化。

+1

默認情況下,1.3不再尋找作爲控制器的功能... http://stackoverflow.com/a/25679323/3199781 – 2014-11-04 18:09:13

回答

1

給一個名稱爲您的應用:

<html lang="en" ng-app="app"> 

然後初始化它和正常控制器:

var app = angular.module('app', []); 
app.controller('MyController',MyController); 

http://plnkr.co/edit/dRWz0ZPQae75PlJmgSTM?p=preview

可以/應該將你的腳本來<head>節以便在初始化控制器之前{author.name}不會在屏幕上閃爍。

+0

就是這樣!我嘗試使用老版本的角度,它確實沒問題,但是對於1.3.1,我們需要對控制器進行正確的初始化。 – 2014-11-04 18:13:12