angularjs 学期下拉列表指令

目标效果：
当激活学期后，课程管理首页和增加课程的学期列表默认选中当前激活学期，而编辑课程时默认选中该课程所在学期

最初的想法：
service层从后台请求到当前学期返回给c层，然后在c层将当前学期绑定到v层传递给指令，同时将选择的对象绑定到指令上，当指令监听到当前学期时则将其设置成默认选项，当指令监听到选项改变时，则将改变后的学期传给绑定的对象

但学长说这样写不好，代码冗余，就帮我重新写了一种。
只要绑定一个对象给指令就行，当绑定的内容为空，则将后台请求来的当前学期设为默认选项，如果不为空，则默认选项就是传进来的对象，当指令监听到选项发生变化时，则将变化后的选项传给绑定的对象。这样一来就能少绑定一个对象给指令，并且还能少写一个监听。

最后的代码实现

总结

这周在前台遇到了困难，主要是滥用监听和回调，导致代码非常冗余繁琐，设计得不够简洁清晰，总是把简单的问题想复杂。

angularjs 学期下拉列表指令相关推荐

AngularJS中的指令全面解析(必看)
出处: http://www.jb51.net/article/84665.htm 说到AngularJS,我们首先想到的大概也就是双向数据绑定和指令系统了,这两者也是AngularJS中最为吸引人的 ...
带你走近AngularJS - 创建自定义指令
带你走近AngularJS系列: 带你走近AngularJS - 基本功能介绍带你走近AngularJS - 体验指令实例带你走近AngularJS - 创建自定义指令 ------------- ...
AngularJS 的自定义指令
这是一篇angularjs自定义指令的教程.就让我们来看看,如何在angularjs中自定义指令吧!我们将利用现有的guitar angularjs app,这在教程14: AngularJ表单验证 ...
使用Angularjs的ng-cloak指令避免页面乱码
在使用Anguarjs进行web开发或者进行SPA(single page application)开发时,往往会遇到下面这样的问题. 刷新页面时,页面会出现一些乱码,这里的乱码具体是指`{{expr ...
关于Angularjs中自定义指令一些有价值的细节和技巧
作者:心叶时间:2018-04-22 10:58 一:自定义指令常用模板下面是大致的说明,不是全面的,后面来具体说明一些没有提及的细节和重要的相关知识: angular.module('yello ...
AngularJS内置指令
指令,我将其理解为AngularJS操作HTML element的一种途径. 由于学习AngularJS的第一步就是写内置指令ng-app以指出该节点是应用的根节点,所以指令早已不陌生. 这篇日志简 ...
angularJS在创建指令需要注意的问题(指令中使用ngRepeat)
现在发现,当初的自己真的是太菜了,为什么你在指令中更改数据,没有作用呢?这其实是原型链的问题. 详细的我就不在这里说了,有位大神早已发布了这个内容,在这里复制个地址给大家,有兴趣的可以看看 http: ...
js下拉 selenium_如何使用Python / Selenium webdriver处理Angularjs / Javascript下拉列表？
我想在Chromium浏览器上使用 Python和Selenium webdriver自动执行一些浏览器任务.我的python脚本已经能够登录,导航到子页面/做一些点击,并在表单中插入一些东西. 我的 ...
AngularJS中Directive指令系列 - 基本用法
参考: https://docs.angularjs.org/api/ng/service/$compile http://www.zouyesheng.com/angular.html Direct ...

angularjs 学期下拉列表指令

总结

angularjs 学期下拉列表指令相关推荐

最新文章

热门文章