首页 新闻 会员 周边 捐助

angularJS的问题,我是新手,刚开始学习,想请教各位大神~

0
悬赏园豆:30 [已解决问题] 解决于 2019-05-17 16:23

<!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的练习,但是怎么写都没有效果,也不知道怎么回事

你要加油啊的主页 你要加油啊 | 初学一级 | 园豆:159
提问于:2019-05-17 09:48

这个编辑器支持markdown语法,建议你格式化一下代码

会长 5年前
< >
分享
最佳答案
0

缺少ng-app根元素,需要根元素app.controller('name',function($scope){}),你那种是js的写法

收获园豆:30
但乱红尘熊 | 小虾三级 |园豆:773 | 2019-05-17 14:38

<!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>

这是我改了之后的,还是没有效果啊

你要加油啊 | 园豆:159 (初学一级) | 2019-05-17 15:56

@你要加油啊: 你的根元素要依赖的模块呢?就是空也要声明,var myapp = angular.module('myapp', []);然后在myapp.controller

但乱红尘熊 | 园豆:773 (小虾三级) | 2019-05-17 16:03

@但乱红尘: <!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有关系,

你要加油啊 | 园豆:159 (初学一级) | 2019-05-17 16:13

@你要加油啊: <div ng-controller="firstController()">括号去掉看看

但乱红尘熊 | 园豆:773 (小虾三级) | 2019-05-17 16:15

@但乱红尘: 可以了 太感谢了 谢谢~~

你要加油啊 | 园豆:159 (初学一级) | 2019-05-17 16:22

@但乱红尘: 这个说到点子上了。

幻天芒 | 园豆:37207 (高人七级) | 2019-05-17 16:24

@你要加油啊: 没事,反正有豆豆收啦

但乱红尘熊 | 园豆:773 (小虾三级) | 2019-05-17 16:24
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册