angular : ng-options

基本调用,得到name 属性

<select ng-model="target" ng-options="obj.name as obj.name for obj in [{ name: ‘a‘, id: 1 }, { name: ‘b‘, id: 2 }]"></select>
时间: 2024-10-12 04:32:25

angular : ng-options的相关文章

angular ng build 报错 Cannot read property &#39;default&#39; of undefined

95% emitting index-html-webpack-plugin Cannot read property 'default' of undefinedTypeError: Cannot read property 'default' of undefined at compiler.hooks.emit.tapPromise (E:\projects\node_modules\@angular-devkit\build-angular\src\angular-cli-files\p

angular ng指令

1.指令 ng-app,ng- 都是angular的指令系统ng-app: ng-app是angular的初始化,一个页面只能有一个ng-app,位置不限制.在页面上加入了这个执行,那么从当前的元素以及儿子元素,都交给angular管理,不赋值的话,会有一个默认模块.ng-app="myApp"这里如果加了自定义的名字,那么必须创建对应的模块.ng-model:双向绑定数据 ng-init:给字段赋予初始值.ng-init="val=0". ng-bind:单向绑定

使用angular封装echarts

Echarts是一个开源的图表组件,图表比较丰富,工作中需要用到它来搭建一个数据展示系统.但是系统原有的框架是基于angular的,而echarts是基于原生js的,如果直接使用的话就丢失了angular双向绑定的优势,而且后续代码不好维护,所以需要将echarts封装成一个通用的angular组件. echarts原生实现如下: <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="height:4

angular之modal实现

方法一:bootstrap实现 对于bootstrap的实现,感觉功能比较多,比较复杂,不建议实现. 方法二:自己阉割实现 angular.module('myModal',[]).provider('Modal',function($injector){     this.$get = function($document.$compile,$http,$templateCache,$rootScope,$controller,$q){         var Modal = function

angular和vue的对比,几个总结:

首先都是双向数据绑定,前后分离的武器之一,不同点,ng庞大,功能更复杂,有时候用在手机端可能不是很好,而vue就是迷你版的angular,好比,jq和zepto的区别 1.controller,对应到vue里面就是new Vue({el:}),这个el,页面上,ng需要写控制器名字,vue不需要, 2.ng自带http服务,vue没有,需要下载vue-resource,当然这个也不大,就12k左右: 3.ng的指令,对应vue的组件,不理解的可以认为是jq的插件,区别是ng是directive,

abp+angular2 导航栏添加菜单

理清思路,记录以备忘. XPName:项目名称 XEName:菜单名称 X:\XPName\angular>:命令行路径 第一步: XPName.AngularUI/src/shared/layout/topbar.component.ts文件内添加 menuItems: MenuItem[] = [       ...        new MenuItem("XEName", "", "fa fa-calendar-o", "

Angularjs编写KindEditor,UEidtor指令

目前angularJS非常火热,本人也在项目中逐渐使用该技术,在angularJS中,指令可以说是当中非常重要的一部分,这里分享一些自己编写的指令: 注:本人项目中用了oclazyload进行部分JS文件加载 1.KindEditor angular.module('AdminApp').directive('uiKindeditor', ['uiLoad', function (uiLoad) { return { restrict: 'EA', require: '?ngModel', li

JavaScript的学习--生成二维码

有一些耗cpu的计算,完全可以在客户端上计算,比如生成二维码. qrcode其实是通过计算,然后使用jquery实现图形渲染和画图.支持canvas和table两种方式生成我们所需的二维码. 具体用法 qrcode是jquery组件,需要至少两个js, 就是 jquery 和 jquery.qrcode.可以到https://github.com/jeromeetienne/jquery-qrcode获取最新的代码. <script type="text/javascript"

Net Core构建Angular4应用程序

在Visual Studio 2017中使用Asp.Net Core构建Angular4应用程序 前言 Visual Studio 2017已经发布了很久了.做为集成了Asp.Net Core 1.1的地表最强IDE工具,越来越受.NET系的开发人员追捧. 随着Google Angular4的发布.我一直在想,怎么能够用这个地表最强IDE工具编写Angular4的Asp.Net Core项目.经过不懈的研究.终于的得到了一套很好的解决方案与大家分享. 文章转载请著名出处:http://www.c

【Asp.Net Core】在Visual Studio 2017中使用Asp.Net Core构建Angular4应用程序

前言 Visual Studio 2017已经发布了很久了.做为集成了Asp.Net Core 1.1的地表最强IDE工具,越来越受.NET系的开发人员追捧. 随着Google Angular4的发布.我一直在想,怎么能够用这个地表最强IDE工具编写Angular4的Asp.Net Core项目.经过不懈的研究.终于的得到了一套很好的解决方案与大家分享. 文章转载请著名出处:http://www.cnblogs.com/smallprogram 我们的目的 随着Web技术的快速发展,新的技术层出