AngularJS教程没有绑定数据

我有一个非常基本的例子，不工作：我有两个方面，index.html和main.js。他们是在同一文件夹：AngularJS教程没有绑定数据

<!DOCTYPE html> 
<html> 
<head> 
     <title> AngularJS Tutorials </title> 
     <link rel="stylesheet" href="css/foundation.min.css"> 
     <script src="main.js"></script> 
</head> 
<body> 

<div ng-app="myApp"> 
    <div ng-controller="FirstCtrl"> 
     <h1>{{data.message}}</h1> 
    </div> 
</div> 

<script type="text/javascript" src="js/angular.min.js"></script> 
</body> 
</html>

main.js

function FirstCtrl($scope) { 
    $scope.data = {message: "Hello"}; 
}

我的页面显示如下：

{{data.message}}

来源

2015-11-04 Rob

您需要将控制器添加到角模块。您可以使用controller函数为您的控制器添加js功能。

var FirstCtrl = function FirstCtrl($scope) { 
    $scope.data = {message: "Hello2"}; 
}; 

angular.module("myApp",[]).controller("FirstCtrl",FirstCtrl);

如果您已经在页面的其他地方定义了角度模块，请使用此版本。

angular.module("myApp").controller("FirstCtrl",FirstCtrl);

这里是工作示例http://jsbin.com/tiroteharu/edit?html,js,console,output

来源

2015-11-04 23:45:17 Shyju

<script src="~/Scripts/angular/angular.js"></script> 
<script> 
    var myApp = angular.module('myApp', []); 

    myApp.controller('FirstCtrl', ['$scope', function ($scope) { 
     $scope.data = { message: "Hello" }; 
    }]); 

</script> 



<div ng-app="myApp"> 
    <div ng-controller="FirstCtrl"> 
     <h1>{{data.message}}</h1> 
    </div> 
</div>

更多的帮助读：https://docs.angularjs.org/guide/controller

来源

2015-11-04 23:47:56 user2438077

AngularJS教程没有绑定数据

回答

相关问题