angularjs为什么无法运行正确?是没有执行脏检查的原因吗?

#麻辣小龙虾# 2017-02-21 11:10:08
版本号/*
AngularJS v1.4.6
(c) 2010-2015 Google, Inc. http://angularjs.org
License: MIT
*/
[b]以下是想实现点击复选框出现相应的内容,但是无法运行正确也没法报错,望大神指点下原因,小弟初学Ng[/b]



<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8">
<link href="css/bootstrap.min.css" rel="stylesheet"/>
<script src="../angular/angular-min.js"></script>
<style>
.orderColor{color:red;}
</style>
</head>
<body>
<div ng-controller="controller" class="container">
电影:<input type="checkbox" ng-model="data.movie" ng-true-value="1" ng-false-value="0">
游戏:<input type="checkbox" ng-model="data.game" ng-true-value="1" ng-false-value="0">
{{"movie"+data.movie+"game"+data.game}}
</div>
<div ng-show="data.movie==1">
<h4>电影:</h4>
<textarea>这个是电影的内容</textarea>
</div>
<div ng-show="data.game==1">
<h4>游戏:</h4>
<textarea>这个是游戏的内容</textarea>
</div>
</body>

<script>
var myApp = angular.module("myApp", []);
myApp.controller("controller",["$scope", function ($scope) {
$scope.data = {
game:0,
movie:0
};
}]);

</script>
</html>
...全文
181 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
functionsub 2017-02-22
  • 打赏
  • 举报
回复
<div ng-controller="controller" class="container">
电影:<input type="checkbox" ng-model="data.movie" ng-true-value="1" ng-false-value="0">
游戏:<input type="checkbox" ng-model="data.game" ng-true-value="1" ng-false-value="0">
{{"movie"+data.movie+"game"+data.game}}

<div ng-show="data.movie==1">
<h4>电影:</h4>
<textarea>这个是电影的内容</textarea>
</div>
<div ng-show="data.game==1">
<h4>游戏:</h4>
<textarea>这个是游戏的内容</textarea>
</div>
</div>
下面这2个ng-show要放到controller的div里面去。
#麻辣小龙虾# 2017-02-22
  • 打赏
  • 举报
回复
引用 1 楼 functionsub 的回复:
<div ng-controller="controller" class="container">
电影:<input type="checkbox" ng-model="data.movie" ng-true-value="1" ng-false-value="0">
游戏:<input type="checkbox" ng-model="data.game" ng-true-value="1" ng-false-value="0">
{{"movie"+data.movie+"game"+data.game}}

<div ng-show="data.movie==1">
<h4>电影:</h4>
<textarea>这个是电影的内容</textarea>
</div>
<div ng-show="data.game==1">
<h4>游戏:</h4>
<textarea>这个是游戏的内容</textarea>
</div>
</div>
下面这2个ng-show要放到controller的div里面去。
昨晚已经找到了,非常感谢,请问大神有什么学习ng比较好的入门书籍或者资料吗?我在看ngbook但是看起来感觉有点懵懵懂懂的。

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧