<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div ng-app="">
<div ng-controller="firstController()">
<input type="text" value="" ng-model="name">
{{name}}
{{age}}
</div>
</div>
</body>
<script type="text/javascript" src="../../vendor/angular/angularjs.js"></script>
<!--<script type="text/javascript" src="app/index.js"></script>-->
<script>
var firstController = function($scope) {
//$scope 我们叫做作用域
//声明一个model
$scope.name = "张三";
$scope.age = 20;
};
</script>
</html>
这是我写的angularJS的练习,但是怎么写都没有效果,也不知道怎么回事
缺少ng-app根元素,需要根元素app.controller('name',function($scope){}),你那种是js的写法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div ng-app="myapp">
<div ng-controller="firstController()">
<input type="text" value="" ng-model="name">
<input type="text" value="" ng-model="age">
{{name}}
{{age}}
</div>
</div>
</body>
<!--<script type="text/javascript" src="app/index.js"></script>-->
<script type="text/javascript" src="../../vendor/angular/angularjs.js"></script>
<script>
// var myapp;
myapp.controller('firstController',function($scope){
//$scope 我们叫做作用域
//声明一个model
$scope.name = "张三";
$scope.age = 20;
});
</script>
</html>
这是我改了之后的,还是没有效果啊
@你要加油啊: 你的根元素要依赖的模块呢?就是空也要声明,var myapp = angular.module('myapp', []);然后在myapp.controller
@但乱红尘: <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div ng-app="myapp">
<div ng-controller="firstController()">
<input type="text" value="" ng-model="name">
<input type="text" value="" ng-model="age">
{{name}}
{{age}}
</div>
</div>
</body>
<!--<script type="text/javascript" src="app/index.js"></script>-->
<script type="text/javascript" src="../../vendor/angular/angularjs.js"></script>
<script>
// var myapp;
var app = angular.module('myapp',[]);
app.controller('firstController',function($scope){
//$scope 我们叫做作用域
//声明一个model
$scope.name = "张三";
$scope.age = 20;
});
</script>
</html>
还是没有效果,会不会跟引用的angularJS有关系,
@你要加油啊: <div ng-controller="firstController()">括号去掉看看
@但乱红尘: 可以了 太感谢了 谢谢~~
@但乱红尘: 这个说到点子上了。
@你要加油啊: 没事,反正有豆豆收啦
这个编辑器支持markdown语法,建议你格式化一下代码
– 会长 5年前