
AngularJS
seaalan
这个作者很懒,什么都没留下…
展开
-
AngularJS - 按需加载 - require
index.html<html> <head> <style> .active { color: red; font-weight: bold; } </style> </head> <body> <a ui-sref="...原创 2019-11-02 14:27:42 · 451 阅读 · 0 评论 -
AngularJS - 使用的模块
"angular-resource": "~1.5.0", 我们并不是直接通过$resource服务本身同服务器通信,$resource是一个创建资源对象的工厂,用来创建同服务端交互的对象。return $resource('app/activityLogs/:activityLogId',"angular-animate": "~1.5.0", $animate服务提供了基本的DOM操作功能如...原创 2019-05-16 18:31:22 · 181 阅读 · 0 评论 -
AngularJS - Controller间传值
通过angularJS的消息机制,利用$emit、$broadcast、$on进行传值。该方法传值只能在父子Controller间进行传值,平级Controller间则无法传值。$emit:向上传值$broadcast:向下传值$on:监听指定类型的事件,获取从emit或者broadcast发布的事件。父子Controller示例:<div ng-controller="par...原创 2019-04-26 15:14:10 · 447 阅读 · 0 评论 -
AngularJS - 表单验证
<form role="form" name="addStaffForm"> <div ng-init="vm.current.form = addStaffForm" class="form-group" ng-class="{ 'has-error' : addStaffForm.email.$invalid &&原创 2019-01-09 17:51:43 · 266 阅读 · 0 评论 -
AngularJS - uib-datepicker-popup - 日期控件
示例<div class="form-group" ng-class="{ 'has-error' : addDrugBlacklistForm.year.$invalid && !addDrugBlacklistForm.year.$pristine }"> <label translate="">年份</label> &am原创 2019-01-03 11:48:48 · 2825 阅读 · 0 评论 -
AngularJS - Filter
金额&amp;lt;td class=&quot;col-md-3&quot; ng-bind=&quot;drugOrder.totalPriceOfPlatform | currency:'¥'&quot;&amp;gt;&amp;lt;/td&amp;gt;原创 2018-12-12 15:10:07 · 106 阅读 · 0 评论 -
AngularJS - $resource中的params
场景在需要检索用户列表时,使用params在get请求中添加检索信息。UserServiceangular .module('user') .factory('UserService', UserService);UserService.$inject = ['$resource']; // 注入$resource服务 function User...原创 2018-11-09 14:31:44 · 781 阅读 · 0 评论 -
AngularJS - angular-translate 国际化插件
配置1.安装依赖npm install angular-translate -snpm install angular-translate-loader-static-files -s2.在html中加载JS‘node_modules/angular-translate/dist/angular-translate.min.js’,‘node_modules/angular-tr...原创 2018-10-16 12:59:14 · 859 阅读 · 1 评论 -
AngularJS - $uibModal - 自定义模态框大小
文档参考Modal(ui.bootstrap.modal)的使用:https://www.jianshu.com/p/2cbf835509b1自定义模态框大小controller中添加 windowClass:‘modal-class’ 用来增加额外样式,增加 size: ‘lg’ 用来设置默认模态框为大尺寸。function showModal(type, data) { ...原创 2018-11-21 15:07:54 · 9956 阅读 · 1 评论 -
AngularJS - 动态设置样式、动态显示内容
&lt;td ng-class="{'-2': 'status-notpass-color', '-1': 'status-ban-color', '0': 'status-default-color', '1': 'status-pass-color', '2': 'status-wait-color'}[user.status]" ng-bind="{'-2': '审核不通过', '-...原创 2018-11-21 14:55:15 · 3342 阅读 · 0 评论