1-13.Angular备忘录-展示数据

1.index.js
创建模块和控制器

2.绑定模块 和控制器

<html lang="en" ng-app="app" ng-controller="taskController">


<title ng-bind="title"></title>

3.控制器添加标题属性

app.controller('taskController', ['$scope', function ($scope) {
    //标题
    $scope.title = "备忘录";

}]);

4.控制器定义任务数组属性

5.遍历li

<!--标签内容-->
<div class="list_body active">
    <ul>
        <li class="item" ng-repeat="item in taskList">

            <input type="checkbox" ng-checked="item.checked">
            <!--<span class="item_content">SKV587SKV587</span>-->
            <span class="item_content">{{item.name}}-{{$index}} </span>
            <!--注册删除事件-->
            <span class="del">删除</span>
            <span class="detail">详情</span>
        </li>

    </ul>
</div>


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,477评论 19 139
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 8,933评论 1 19
  • 刘强东的八字,事业宫透比肩,藏枭神。年柱天透地藏的都是正印。 仅从前三柱看,八字格局一片木火炎炎之势,好不热火朝天...
    坚冰至_Monsol阅读 7,148评论 0 50
  • 《随笔》 (附:本文为原创,图片摘自网络) 还记得小时候看到的童话里 世界总是那么简单而又...
    烨兔子阅读 2,635评论 0 4
  • 生气时,深呼吸,告诉自己不要生气对身体不好。
    平行线_2bec阅读 514评论 0 0