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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/284007.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

sed和vim练习

1、删除/etc/grub2.conf文件中所有以空白开头的行行首的空白字符sed s^[[:space:]]\ /etc/grub2.conf2、删除/etc/fstab文件中所有以#开头&#xff0c;后面至少跟一个空白字符的行的行首的#和空白字符sed -n s^#[[:space:]]\p /etc/fstab3、在/root/install.log每一行行首增加#…

WinForm(三)揭开可视化控件的面纱

WinForm所见即所得的UI设计框架&#xff0c;开发效率确实有所提升&#xff0c;同时降低了编程门槛&#xff0c;让WinForm更普及。拖拖拽拽就能设计出一个界面&#xff0c;那么我们拖拽的这些东西是什么&#xff1f;它们是什么原理&#xff1f;。WinForm我觉得很好的一点是&…

浅谈 maxMemory , totalMemory , freeMemory 和 OOM 与 native Heap

作者&#xff1a;林冠宏 / 指尖下的幽灵 掘金&#xff1a;https://juejin.im/user/587f0dfe128fe100570ce2d8 博客&#xff1a;http://www.cnblogs.com/linguanh/ GitHub &#xff1a; https://github.com/af913337456/ 腾讯云专栏&#xff1a; https://cloud.tencent.com/deve…

RestTemplate 详解

在项目中&#xff0c;当我们需要远程调用一个 HTTP 接口时&#xff0c;我们经常会用到 RestTemplate 这个类。这个类是 Spring 框架提供的一个工具类。Spring 官网对它的介绍如下&#xff1a; RestTemplate: The original Spring REST client with a synchronous, template met…

初识Spark2.0之Spark SQL

内存计算平台Spark在今年6月份的时候正式发布了spark2.0&#xff0c;相比上一版本的spark1.6版本&#xff0c;在内存优化&#xff0c;数据组织&#xff0c;流计算等方面都做出了较大的改变&#xff0c;同时更加注重基于DataFrame数据组织的MLlib&#xff0c;更加注重机器学习整…

webpack开发Vue配置

一直以来使用webpack都是用的别人的配置&#xff0c;这几天自己学习了一下。 项目地址&#xff1a;https://github.com/donghaohao... 新建整个工程 npm init安装依赖&#xff0c;这里我们开发vue项目&#xff0c;npm install vue --save&#xff0c;然后是开发时的依赖npm ins…

ABP详细教程——模块类

概述模块化是ABP vNext的最大亮点&#xff0c;也是ABP vNext框架的核心&#xff0c;而模块类是ABP vNext框架模块化的核心要素。这一章节&#xff0c;我就从模块类的用法、运行机制、源代码等层面&#xff0c;带大家详细了解ABP vNext的模块类。用法在ABP的约定中&#xff0c;每…

[转]Eureka工作原理

目录 Eureka 工作原理 Eureka 核心概念 自我保护机制 Eureka 集群原理 Eurka 工作流程 总结 Eureka 工作原理 上节内容为大家介绍了&#xff0c;注册中心 Eureka 产品的使用&#xff0c;以及如何利用 Eureka 搭建单台和集群的注册中心。这节课我们来继续学习 Eureka&…

centos7下别名(alias)的特殊用法

版权声明&#xff1a;转载请注明出处:http://blog.csdn.net/dajitui2024 https://blog.csdn.net/dajitui2024/article/details/79438200 参考&#xff1a;https://www.cyberciti.biz/faq/bash-bypass-alias-command-on-linux-macos-unix/ 正常情况下&#xff0c;定义过的别名&a…

解决WDCP3环境gbk网站编码程序乱码问题

因为默认WDCP V3版本环境编码格式是UTF-8版本&#xff0c;如果我们程序采用的是GBK编码肯定都会有乱码问题。 我们到WDCP后台&#xff0c;"网站管理"-"PHP设置"&#xff0c;看到上图所示&#xff0c;准备直接在线编辑PHP.INI文件。 这里我们找到"defa…

重谈联想5G编码投票事件

此前&#xff0c;司马南谈了联想好几个问题&#xff0c;其中最尖锐的要属国有资产流失&#xff0c;这是联想管理层无法回避的死穴。不过&#xff0c;司马南批判联想5G投票背刺H公司&#xff0c;这基本就是造谣了。当年&#xff0c;媒体把编码投票炒作的很厉害&#xff0c;抨击联…

JStorm2.1.1集群的安装和使用

为什么80%的码农都做不了架构师&#xff1f;>>> JStorm2.1.1集群的安装和使用 Storm是一个免费开源、分布式、高容错的实时计算系统&#xff0c;而JStorm是阿里巴巴开源的基于Storm采用Java重写的一套分布式实时流计算框架&#xff0c;在性能和支持的集群规模上做了…

Hystrix 原理

Hystrix是什么&#xff1f; Hystrix是Netflix开源库&#xff0c;这是一个针对分布式系统的延迟和容错库。 Hystrix 供分布式系统使用&#xff0c;提供延迟和容错功能&#xff0c;隔离远程系统、访问和第三方程序库的访问点&#xff0c;防止级联失败&#xff0c;保证复杂的分布…

「深度」无人机实名制政策特稿|市场看好、资本关注,“反黑飞”正在崛起

从政策和需求来看&#xff0c;“反黑飞”越来越重要&#xff0c;市场也正在不断崛起。 对于大多数人来说&#xff0c;今天是最适合明目张胆“装嫩”的六一儿童节。不过&#xff0c;在无人机厂商和无人机玩家的眼里&#xff0c;今天是无人机实名制政策正式实施的日子。 近年来&…

在navicat中新建数据库

前言&#xff1a; 在本地新建一个名为editor的数据库&#xff1b; 过程&#xff1a; 1.&#xff1b; 2.选择&#xff1a;utf8mb4 -- UTF-8 Unicode字符集&#xff0c;原因在于&#xff1a;utf8mb4兼容utf8&#xff0c;且比utf8能表示更多的字符。&#xff0c;而且它支持表情符号…

MASA Stack 第三期社区例会

MASA Blazor 0.5.0发版内容功能Autocomplete&#xff1a;支持通过设置AutoSelectFirst参数开启自动选择第一项的功能&#xff0c;支持CacheItems参数&#xff0c;增强使用上下键的用户体验。BottomNavigation&#xff1a;&#xff1a;一个替代侧边栏的新组件。它主要用于移动应…

MySQL添加用户、删除用户与授权

MySql中添加用户,新建数据库,用户授权,删除用户,修改密码(注意每行后边都跟个;表示一个命令语句结束): 1.新建用户 1.1 登录MYSQL&#xff1a; >mysql -u root -p >密码 1.2 创建用户&#xff1a; mysql> insert into mysql.user(Host,User,Password) values("lo…

[转]高并发架构设计之--「服务降级」、「服务限流」与「服务熔断」

目录 服务降级 1 、简介 2 、使用场景 3 、核心设计 3.1 分布式开关 3.2 自动降级分类 3.3 配置中心 3.4 处理策略 3.5 降级分类 3.6 服务降级要考虑的问题 4 、高级特性 4.1 分级降级 4.2 降级权值 5 、总结与展望 服务限流 一、为什么要做服务限流设计&…

【Linux】【Services】【nfs】nfs安装与配置

1. 概念 1.1. NFS&#xff1a;Network File System&#xff0c;传统意义上&#xff0c;文件系统在内核中实现。 1.2. RPC&#xff1a;Remote Procedure Call protocol&#xff0c;远程过程调用&#xff0c;函数调用&#xff08;远程主机上的函数&#xff09; 1.3. 端口&#xf…

SpringBoot获取ApplicationContext

2019独角兽企业重金招聘Python工程师标准>>> 有两种方法&#xff1a; 创建Component实现ApplicationContextAware接口&#xff0c;SpringBoot会自动调用这个类的setApplicationConext()方法。鼓励使用这种方式。SpringApplication.run(MyApplication.class, args)这…