ng-option 的两种写法

最新推荐文章于 2020-04-24 21:09:39 发布
原创 最新推荐文章于 2020-04-24 21:09:39 发布 · 750 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何使用HTML选择器实现设备配置的动态选择，并通过Angular进行双向数据绑定，展示了如何根据选择项更新设备配置。
        1、          <select  class="form-control" ng-model="xlsbName" ng-change="chooseByXLSBName('{{device.kdsbjcName}}')"
                               ng-options="xlsbName for xlsbName in xlsbNames">
       <option value="">总和</option>    <!--若选中该选项， 此时xlsbName 为null -->

</select>


         2、          <select  class="form-control" ng-model="slsbName" ng-change="chooseBySLSBName('{{device.kdsbjcName}}')">                     
                             <option value="总和">总和</option>              <!--若选中该选项， 此时slsbName 为“总和” -->
                             <option ng-repeat="slsbName in slsbNames" value="{{slsbName}}">{{slsbName}}</option>
                          
</select>

fn_2015
关注
Angular js 常用指令ng-if、ng-class、ng-option、ng-value、ng-click是如何使用的？
learning_web的博客
06-17 756
这里是修真院前端小课堂，每篇分享文从 八个方面深度解析前端知识/技能，本篇分享的是： 【Angular js 常用指令ng-if、ng-class、ng-option、ng-value、ng-click是如何使用的？】 目录 1.背景介绍 2.知识剖析 3.常见问题 4.解决方案 5.编码实战 6.扩展思考 7.参考文献 8.更多讨论 1.背景介绍 指令是一个Dom元素上的标签(和元素上的属性,C...
Angular 学习笔记
weixin_43571751的博客
04-28 3092
Angular 学习笔记环境搭建 环境搭建 安装npm，通过npm或cnpm安装angular。 npm install -g @angualr/cli 或 npm install -g @angualr/cli
AngularJS使用ng-options指令实现下拉框
11-23
ng-option指令使用很简单，只需要绑定两个属性： 一个是ng-model用于获取选定的值； 另一个是ng-options用于确定下拉列表的元素数组。 1、问题背景 一般情况下，select下都会有option，但是AngularJS中有指令ng-options，就可以实现select下拉框 2、实现源码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>AngularJS之下拉框（方式一）</title> <script type="text/javascript" src="../js/angular.min.js
ng-options的写法
mentalitys的博客
03-28 453
首先默认给个 地址 $scope.city="北京"; $scope.oList=[{ areaId:1,areaTitle:"北京" }] <select ng-options="value.areaId as value.areaTitle for value in oList" ng-model="city" ng-change="cityChange(cit...
ng-options
xufeiayang的博客
08-24 308
  效果 http://sandbox.runjs.cn/show/nhi8ubrb .基本下拉效果(lable for value in array) 　　其中select标签中的ng-model属性必须有，其值为选中的对象或属性值。 &lt;div ng-controller="ngselect"&gt;   &lt;p&gt;usage:labelforvalue inarray&lt;/...
AngularJS 使用ngOption实现下拉列表
xingoo
01-11 162
最近使用到了ngOption实现下拉选择列表，由于需要实现分组等功能，百度了下没有太好的文章，就百度到一篇英文的帖子，按照其中的代码很顺利的搞定了。 本篇根据文中代码，详细讲述下如何实现下拉列表 更多内容参考：AngularJS知识总结 下拉列表的简单使用 ng-option指令使用很简单，只需要绑定两个属性： 一个是ng-model用于获取选定的值； 另一个是ng-...
关于ng-option的研究
popoppor的博客
04-24 321
介绍 : ng-options属性可以在表达式中使用数组或对象来自动生成一个select中的option列表。ng-options与ng-repeat很相似，很多时候可以用ng-repeat来代替ng-options。但是ng-options提供了一些好处，例如减少内存提高速度，以及提供选择框的选项来让用户选择。 上面是废话,现在搞实例: controller.js //级联 $scope.se...
ng-options和ng-checked在表单中的高级运用(推荐)
10-20
这里有三种常见的ng-options写法： 1. **普通写法**： 这是最基础的使用方式，直接在option标签内指定value和文本。然而，当选项数量较大或者需要动态生成时，这种方式显得不够灵活且代码冗余。 2. **结合ng-...
前端学习总结（七）Angular.js——以数据交互为核心的前端框架
浩时代的博客
03-05 5805
Angular.js学习实践总结
# 3. 组合单个样本，划分训练测试集， # 组合形成新的样本: # 40M组合后aggregate_Xdata: 当前信道20M的ACS数据 | 可组合40M的另一个20M信道ACS数据 | 带宽下的整体情况(暂未加入) aggregate_Xdata = np.zeros((len(Xdata),ACS_variable_count*channel_option+ERR_variable_count*2)) #ERR_variable_count*2:样本i的原始ERR特征，加上样本i和i+1的ERR均值 print(aggregate_Xdata.shape) # 前两个需要额外处理，此处默认样本数不小于2 for i in range(0,2): if i%2 == 0: cnt_data = list() for j in range(ERR_variable_count): cnt_data.append(np.mean(Xdata[i:i+2,ACS_variable_count+j:ACS_variable_count+j+1])) acs_data_1 = Xdata[i:i+channel_option,0:ACS_variable_count].reshape(1,-1) acs_data_2 = Xdata[i+channel_option-1::-1,0:ACS_variable_count].reshape(1,-1) # aggregate_Xdata[i,0:ACS_variable_count*channel_option] = acs_data_1 if i%2 == 1: aggregate_Xdata[i,0:ACS_variable_count*channel_option] = acs_data_2 # aggregate_Xdata[i,ACS_variable_count*channel_option::] = Xdata[i,ACS_variable_count::] aggregate_Xdata[i,ACS_variable_count*channel_option::] = np.concatenate((Xdata[i,ACS_variable_count::],cnt_data)) # # 继续调整后面的样本 if len(Xdata)>2: for i in range(2,len(Xdata)): # aggregate_Xdata[i,0] = ((i%4)*0.5-0.75) # aggregate_Xdata[i,0] = 0 if i%2 == 0: cnt_data = list() for j in range(ERR_variable_count): cnt_data.append(np.mean(Xdata[i:i+2,ACS_variable_count+j:ACS_variable_count+j+1])) acs_data_1 = Xdata[i:i+channel_option,0:ACS_variable_count].reshape(1,-1) acs_data_2 = Xdata[i+channel_option-1:i-1:-1,0:ACS_variable_count].reshape(1,-1) # acs_data_2不同 # if i%2 == 0: aggregate_Xdata[i,0:ACS_variable_count*channel_option] = acs_data_1 aggregate_Xdata[i,ACS_variable_count*channel_option::] = np.concatenate((Xdata[i,ACS_variable_count::],cnt_data)) # aggregate_Xdata[i,ACS_variable_count*channel_option::] = Xdata[i,ACS_variable_count::] # 默认所有数据都是2个一组，先44再48，因此只需要将偶数行的ACS数据对换位置即可 if i%2 == 1: aggregate_Xdata[i,0:ACS_variable_count*channel_option] = acs_data_2 aggregate_Xdata[i,ACS_variable_count*channel_option::] = np.concatenate((Xdata[i,ACS_variable_count::],cnt_data)) # aggregate_Xdata[i,ACS_variable_count*channel_option::] = Xdata[i,ACS_variable_count::] #print(aggregate_Xdata.shape)什么前两个的acs_date_2和后面的用的不一样的操作？
最新发布
10-07
原因可能是：在开始的两个样本（即`i=0`和`i=1`）时，如果按照正常的切片方式（如第二个代码）会超出数组的边界（比如当`i=0`时，正常切片的起始行是`i+channel_option-1`即`channel_option-1`，但是结束行是`i-1`...
AngularJS使用ngOption实现下拉列表的实例代码
11-27
下拉列表的简单使用 ng-option指令使用很简单，只需要绑定两个属性： 一个是ng-model用于获取选定的值； 另一个是ng-options用于确定下拉列表的元素数组。 <select ng-model="engineer.currentActivity" class="form-control" ng-options="act for act in activities"></select> 上面这条语句就是把选择的值与engineer.currentActivity进行双向数据绑定，然后列表中的选项是activities中的每一个值。数据如下： $scope.engi
ng-option
weixin_30435261的博客
10-27 158
select是 AngularJS 预设的一组directive。下面是其官网api doc给出的用法：AngularJS:select 大意是，select中的ngOption可以采用和ngRepeat指令类似的循环结构，其data source可以是array或者是object。针对两种data source又有衍生的好几种用法。但是官网的例子实在是太少了。 下面是针对几个不太容...
ng-option的解析
qq_36309066的博客
12-21 421
AngularJS 实例 使用数组元素填充下拉列表: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
ng-options用法详解
weixin_34088838的博客
03-18 123
原文地址：http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/ng-options-usage/ng-options属性可以在表达式中使用数组或对象来自动生成一个select中的option列表。ng-options与ng-repeat很相似，很多时候可以用ng-repeat来代替ng-options。但是ng-...
编程是要偷懒的--option简练写法
weixin_30677073的博客
09-09 167
没改前： 1 if(!empty($search)){ 2 $where['personal_name'] = array('like','%'. $search . '%'); 3 $this -> assign('search',$search); 4 } 5 if(!emp...
关于ng-option
weixin_30907523的博客
08-15 156
ng-options属性可以在表达式中使用数组或对象来自动生成一个select中的option列表。ng-options与ng-repeat很相似，很多时候可以用ng-repeat来代替ng-options。但是ng-options提供了一些好处，例如减少内存提高速度，以及提供选择框的选项来让用户选择。当select中一个选项被选择，该选项将会被绑定到ng-model。如果你想设一个默认...
option传值详细写法
weixin_44462233的博客
04-14 1979
view里绑定id js部分 获取相应id并代入下个页面，下个页面内写法如下： 在这儿我的做法是放入data中便于使用。 this.id 最后关于option的详解附上某位大大的链接。写的相当清楚了。结合借鉴可以看的更明白。 https://www.cnblogs.com/qiaojun/p/9879561.html ...
Angular.js之ng-options用法
暮水的专栏
09-27 3413
官网介绍：最简单的例子（基本下拉）： html:<!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="utf-8"> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> <script src="myCtr
AngularJS下拉列表选择框详解：ng-options与ng-repeat应用
`ng-model`用于绑定选择框的值到控制器中的变量`selectedName`，而`ng-options`则将数组`names`中的每一项`x`转化为`<option>`标签的内容。当用户选择一个选项时，对应的值会被赋予`selectedName`。 接下来，`ng-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值