初始化角的「Hello World」應用

很基本的問題：一個‘Hello World’應用，開始了練習角的作品，直到我嘗試添加控制器，此時表達不會在頁面上工作初始化角的「Hello World」應用

。

<!doctype html> 
<html ng-app='app'> 
<head> 
<link rel='stylesheet' href='css/styles.css'> 
<link rel='stylesheet' href='css/bootstrap.min.css'> 
<script src='js/app.js'></script> 
<script src='js/angular.min.js'></script> 
</head> 
<body> 
<div class='container col-md-6 col-md-offset-6 panel' ng-controller='FormController'> 
    <input type='text' ng-model='name' placeholder='Enter your name'> 
    <h1>Hello {{name}}</h1> 
</div> 

</body> 
</html>

JS：

angular.module('app', []).controller('FormController', function($scope){ 
$scope.name = 'Test'; 
});

頁面只是結束了顯示{{名}}但如果我拿出控制器和「應用程序」模塊，它工作得很好幫助將是巨大的，謝謝。

來源

2016-06-12 MoSheikh

您應該更改或包含js文件。

<script src='js/angular.min.js'></script> 
<script src='js/app.js'></script>

來源

2016-06-12 03:54:51

非常感謝，該訣竅。我很感謝你回答這樣一個簡單的問題！ – MoSheikh

@MoSheikh你應該接受SSH的答案，如果它「訣竅」 – deltree

工作代碼在這裏

<!doctype html> 
<html ng-app='app'> 
<head> 
<script src = "http://www.ptutorial.com/angularjs/ 
angular.min.js"></script> 
<link rel="stylesheet" href="http://freeonlinecompiler.ptutorial.com/ 
css/bootstrap.min.css"> 
    </head> 
<body> 
<div class='container col-md-6 col-md-offset-6 panel' ng-controller='FormController'> 
    <input type='text' ng-model='name' placeholder='Enter your name'> 
    <h1>Hello {{name}}</h1> 
</div> 
<script> 
    angular.module('app', []).controller('FormController', function($scope){ 
$scope.name = 'Test'; 
}); 
    </script> 
</body> 
</html>

來源

2016-08-17 18:05:37

初始化角的「Hello World」應用

回答

相關問題