需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。
2、在index.html中的<script>标签,输入js代码:$('div').click(function(){$(this).css('color','blue')})。
3、浏览器运行index.html页面,此时点击123所在的div,div会变为蓝色文本。
angularjs给div添加点击事件是通过ng-click来实现的。
写法:<div ng-repeat="course in vm.Courses" ng-click="OpenCourse(course.Id)">
在$scope范围内定义的函数可以直接引用。
1、完整的html代码:
<body ng-controller="myCtrl">
<div>
<div ng-repeat="course in vm.Courses" ng-click="OpenCourse(course.Id)">
<div>
<div>
<label>{{course.Name}}</label>
</div>
</div>
</div>
</div>
</body>
2、增加事件的OpenCourse方法:
$scope.OpenCourse = function(courseId) {$window.alert("Called " + courseId)}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)