基本的ng模型不起作用

时间:2015-07-29 14:35:54

标签: angularjs

这是基本代码:

Message.BodyEncoding = Encoding.ASCII;

输出:

<!DOCTYPE html>
<html>
<script src= "/angular/angular.min.js"></script>
<body>

<div ng-app="">

    <p>Input something in the input box:</p>

    <p>Name : <input type="text" ng-model="name" name="name" placeholder="Enter name here"></p>
    <h1>Hello {{name}}</h1>


</div>

</body>
</html>

为什么会发生这种情况,我应该如何解决这个问题?这是我正在学习的地方。

http://www.w3schools.com/angular/default.asp

我正在努力学习,但却陷入了这个非常基本的代码。

1 个答案:

答案 0 :(得分:0)

您错过了ng-app声明,后跟控制器ng-controller。这是一个羽毛demo - click here

或单页代码示例(脚本附加到底部):

<!DOCTYPE html>
<html ng-app="myAppName">

<head>
    <script src="https://code.angularjs.org/1.3.17/angular.js"></script>
</head>

<body ng-controller="MainController">

<p>Input something in the input box:</p>

<p>Name : <input type="text" ng-model="name" name="name" placeholder="Enter name here"></p>
<h1>Hello {{name}}</h1>

</body>

<script>
// initialise your angular app:
var app = angular.module('myAppName', []);

// add controller:
app.controller('MainController', function ($scope) {  
  $scope.name = '';    
});

</script>

</html>