无法在Angular JS中的数据绑定表达式中加载数据

时间:2016-05-24 05:17:31

标签: javascript angularjs

我对角度JS很新。我使用1.5x稳定版本的js。我从一个简单的HTML代码开始: -

.button2

但是在浏览器中渲染html时,只在数据绑定表达式中获取{{name}}文本而不是在文本框中键入的实际名称值。我检查了JS文件是否在HTML中正确加载。

我做错了吗?请帮帮我。

提前致谢

1 个答案:

答案 0 :(得分:2)

您必须定义应用名称和控制器名称



<!DOCTYPE html>
<html data-ng-app="app">
<head>
    <title>First JS demo</title>
</head>
<body  ng-controller="myCtrl">
    Name :
    <br/>
    <input type="text" data-ng-model="name" />  {{ name }}

   <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>
var app = angular.module('app', []);
app.controller('myCtrl', function($scope, $http) {

});
</script>
</body>
</html>
&#13;
&#13;
&#13;

或类似的东西

&#13;
&#13;
<!DOCTYPE html>
<html lang="en-US">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="">
  <p>Name : <input type="text" ng-model="name"></p>
  <h1>Hello {{name}}</h1>
</div>

</body>
</html>
&#13;
&#13;
&#13;