angularjs的ng-repeat回调

　　首先html代码是这样的：

<label>Name des Leiters:</label><select name="leaderID" id="selectLeaderID"><option ng-repeat="manager in managers" value="leader_id={{manager.id}}&leader_name={{manager.name}}&leader_email={{manager.email}}" callback-on-end>{{manager.name}}</option>
</select>

　　因为只有一个ID确定，需要设置option的selected值，但是又不能直接用ng-model或者$().val()来设置，因为value是一长串东西= =0。0我为什么要写这样的代码

所以，只能通过ng-repeat的加载完成后调用回调函数，来完成设置。

　　代码如下：

  app.directive("callbackOnEnd", function($timeout) {return {restrict: "A",link: function(scope, element, attrs) {if (scope.$last) {$timeout(function(){var select = document.getElementById("selectLeaderID");for(var i = 0;i < select.options.length;i++){var parts = [];parts = select.options[i].value.split('&');if(parts[0].substr(10) == scope.selectLeaderID){select.options[i].selected = true;}}});}}};});

　　添加一个directive，注意要用到$timeout否则每次设置option时都会加载一次，而不是最后加载。

　　最后祝各位小朋友们好好学习，天天向上，哈哈哈哈下周复活节放假可以来个西班牙葡萄牙游！

转载于:https://www.cnblogs.com/sylvialucy/p/6675288.html

angularjs的ng-repeat回调相关推荐

走进AngularJs(二) ng模板中常用指令的使用方式
通过使用模板,我们可以把model和controller中的数据组装起来呈现给浏览器,还可以通过数据绑定,实时更新视图,让我们的页面变成动态的.ng的模板真是让我爱不释手.学习ng道路还很漫长,从模板 ...
angularjs学习总结详细教程
本文详细讲解了前言.AngularJS概述.AugularJS特性.功能介绍.功能演示.功能演示.AngularJS进阶.总结七部分,可能会与原文略有不同. 不理解请看原文(尤其是代码部分),本文仅供 ...
angularjs学习总结（资料收集）
angularjs学习总结(资料收集) 原文地址https://blog.csdn.net/weixin_33178524/article/details/79179597 1 前言前端技术的发展是 ...
基于angularJS和requireJS的前端架构
1.概要描述 1.1.angularJS描述:angularJS是可以用来构建WEB应用的,WEB应用中的一种端对端的完整解决方案.通过开发者呈现一个更高层次的抽象来简化应用的开发.最适合的就是用它来 ...
AngularJS基本知识点
AngularJS 是一个 MV* 框架,最适于开发客户端的单页面应用.它不是个功能库,而是用来开发动态网页的框架.它专注于扩展 HTML 的功能,提供动态数据绑定(data binding),而且它 ...
AngularJS进阶学习
参考:http://***/class/54f3ba65e564e50cfccbad4b 1. AJAX:Asynchronous JavaScript and XML(异步的 JavaScript ...
学会使用AngularJS
这是用前端框架AngularJS构建一个简单应用的部分代码,首页配制一个路由.当然,AngularJS路由功能是一个纯前端的解决方案,与我们熟悉的后台路由不太一样.前端路由需要提前对指定的(ng-a ...
AngularJS与Django-模板标签冲突
本文翻译自:AngularJS with Django - Conflicting template tags I want to use AngularJS with Django however ...
25个超有用的 AngularJS Web 开发工具
AngularJS是为了克服HTML在构建应用上的不足而设计的.HTML是一门很好的为静态文本展示设计的声明式语言,改善了JavaScript. 下面我要说的就是25个超有用的AngularJS工具, ...
Angularjs学习笔记1_基本技巧
10.AngularJS ng-click <button ng-click="clickCounter = clickCounter + 1">Click Me! ...

angularjs的ng-repeat回调

angularjs的ng-repeat回调相关推荐

最新文章

热门文章