1、常用指令

 1 <div ng-controller="jsyd-controller">
 2     <div style="float:left;width:100%; " ng-show="clickValue1=='登记'">
 3
 4         <div ng-include src="'/partials/11.html'"></div>
 5
 6     </div>
 7     <div class="item" ng-class="{true: 'item', false: 'item2'}[clickValue=='受理']">
 8
 9         <ul>
10
11             <div ng-disabled="IsDisable" ng-click="clickValue='受理'">受理信息</div>
12
13         </ul>
14
15     </div>
16 </div>

ng-class、ng-show、ng-disabled、ng-if、ng-hide
加载页面时赋值(重点:ng-class的css赋值操作)
$scope.clickValue = '受理';
$scope.clickValue1='登记';
$scope.IsDisable=true;

2.行选中

 1 <table>
 2     <thead style="background-color:#e4e9ef;">
 3         <tr>
 4             <td class="td" style="width:10%">序号</td>
 5             <td class="td" style="width:20%">宗地代码</td>
 6             <td class="td" style="width:10%">宗地面积</td>
 7             <td class="td" style="width:30%">操作</td>
 8         </tr>
 9     </thead>
10     <tbody>
11         <tr ng-class='{selected: ZJDFG==selectedRow}' ng-click="TDXXClick(ZJDFG)" ng-repeat="ZJDFG in ZJDFGList ">
12             <td class="td" ng-bind="$index 1">1</td>
13             <td class="td">{{ZJDFG.ZDDM}}</td>
14             <td class="td ">{{ZJDFG.ZDMJ}}</td>
15             <td class="td ">
16                 <a name={{postitem.Id}} type="button" ng-click="CheckZJDFG(ZJDFG) ">查看</a>
17                 <a name={{postitem.Id}} type="button" ng-show="Isck" ng-
18                    show="IsShowback" ng-disabled="IsDisable" ng-click="EditZJDFG(ZJDFG) ">编辑</a>
19                 <a name={{postitem.Id}} type="button" ng-show="Isck" ng-
20                    show="IsShowback" ng-click="DeleteZJDFG(ZJDFG.ID) ">删除</a>
21             </td>
22         </tr>
23     </tbody>
24 </table>

ng-click、ng-repeat、ng-class的运用

行选中
$scope.TDXXClick = function (data) {
     $scope.selectedRow = data;
}

3.下拉框  ng-options、ng-model的运用

<select ng-model="QLLXCode " ng-options="option.Code as option.Name for option in QLLX "></select>

js:

var add = { "Name": "--请选择--", "Code": "-1" };
QLLX.unshift(add);
$scope.QLLX = [{Code:1,name:'nihao'},{Code:2,name:'nihao'}];
if ($scope.QLLXCode == null)
$scope.QLLXCode = $scope.QLLX[0].Code;

4.radio按钮

1 <input value="{{item.ID}}" name="ztfaxz" type="radio" ng-model="meIsChecked" ng-click="MeClick(item.ID)" />

js:

//当value和meIsChecked相等时为选中
$scope.meIsChecked = $scope.Custom.MeID;

5.checkbox

1 <div ng-model="PermissionGroups" class="post_Roles">
2     <label ng-repeat="roleItem in PermissionGroups" class="role_name" style="width:175px;">
3         <input type="checkbox" ng-model="roleItem.isChecked" />&nbsp;<label>{{roleItem.name}}</label>
4     </label>
5 </div>

js:

//为true时为选中
$scope.postItemInfo.PermissionGroups = [];
angular.forEach($scope.PermissionGroups,function (value, key) {
if (value.isChecked) {
$scope.postItemInfo.PermissionGroups.push(value.id);
}
});

更多专业前端知识,请上 【猿2048】www.mk2048.com

Angularjs总结(五)指令运用及常用控件的赋值操作相关推荐

  1. 金蝶EAS DEP脚本(5)给常用控件添加值改变事件

    给常用控件添加事件 一.F7 给F7添加值改变事件 //F7控件增加值改变监听 pluginCtx.getKDBizPromptBox("prmtCompany").addData ...

  2. 安卓常用控件--列表视图

    安卓常用控件--列表视图 (一)列表视图概述 1.继承关系图 2.列表视图API文档 3. 列表视图四要素 4.四种适配器 (二)数组适配器 1.数组适配器API文档 2.数组适配器继承关系 3.数组 ...

  3. C++/MFC-几种常用控件

    VS2010/MFC编程入门之二十(常用控件:静态文本框) VS2010/MFC编程入门之二十一(常用控件:编辑框Edit Control) VS2010/MFC编程入门之二十二(常用控件:按钮控件B ...

  4. Android入门到精通|安卓/Android开发零基础系列Ⅱ【职坐标】-学习笔记(1)-- 常用控件及资源介绍

    前言 为了巩固Android基础知识,回顾一下学习内容,才有此学习笔记. IDE Androdi Studio 4 + Genymotion 创建项目 修改项目的 build.gradle,添加国内镜 ...

  5. 全能开发工具 ComponentOne(3)——常用控件下篇

    在全能开发工具 ComponentOne -- 常用控件上篇中,小编向大家分别介绍了: 1.高性能表格控件 -- ComponentOne FlexGrid 2.包含80多种2D和3D类型的图表控件 ...

  6. VS2010-MFC(常用控件:静态文本框)

    转自:http://www.jizhuomi.com/software/179.html 关于对话框的使用和各种通用对话框的介绍就到此为止,从本节开始将讲解各种常用控件的用法.常用控件主要包括:静态文 ...

  7. 设计器的使用及常用控件

    设计器的使用及常用控件 文章目录 设计器的使用及常用控件 一.设计器 二.设计器中的常用控件 一.设计器 1.设计器的使用 2.通过代码操作ui文件 #include "mainwindow ...

  8. 零基础学Android之常用控件

    常用控件 上次我们讲了布局:线性布局.表格布局.帧布局和相对布局,这个布局,它是在整个移动端设计内容的一个框架的方式,以什么方式来设计界面.最终在界面里面,放置的是控件,所谓控件,就是程序员可以控制的 ...

  9. C#常用控件的属性以及方法(转载)

    -----以前看别人的,保存了下来,但是忘了源处,望见谅. C#常用控件属性及方法介绍 目录 1.窗体(Form) 2.Label (标签)控件 3.TextBox(文本框)控件 4.RichText ...

最新文章

  1. 微信小程序之购物车功能
  2. centos 升级cmake from 2.* to 3.*
  3. 转如何限制文本框只能输入数字,小数点,英文,汉字等各类代码
  4. 每次都需要解释大量指令?使用 PolarDB-X 向量化引擎
  5. 使用Architecture Explorer分析应用程序及使用层次图
  6. linux枯燥命令行下的“有趣命令”
  7. Android Service基本使用
  8. 为双十二灵感设计屯好素材!
  9. TensorFlow tf.keras.losses.MeanSquaredError
  10. SQLi LABS Less 9 时间盲注
  11. eclipse中提示“java application configureation name i”
  12. java port_Java NonRegisteringDriver.port方法代码示例
  13. Android 阿里云推送集成指南
  14. linux设置进程开机启动,Linux应用程序开机自动启动设置方法
  15. 8、ESP8266 深度睡眠
  16. 推荐9款便签云生成工具
  17. 洛谷-P1427-小鱼的数字游戏
  18. linux用户登陆报错Resource temporarily unavailable
  19. 猜拳游戏(C语言-Linux-简单可视化)
  20. vue2中watch的使用

热门文章

  1. linux用if语句编程序,Shell 脚本基础 - 使用 if 语句进行条件检测
  2. oracle 中文脚本,ORACLE常用脚本
  3. matlab 安装glpk,mac上安装GLPK
  4. H3C 三种生成树协议特性的比较
  5. C语言学习一个月后感想
  6. centos7.4进入单用户模式
  7. 【转】深入浅出PageRank算法
  8. 中软国际 问题一php的优缺点
  9. Mschart图表制作
  10. 非安装版的PostgreSQL8.3.3的首次使用经历