
6AnglarJS
文章平均质量分 71
houysx
这个作者很懒,什么都没留下…
展开
-
AnglarJS(一)基础语法
AngularJS组件ng-app : 指令定义和链接AngularJS应用程序到HTML。ng-model : 指令绑定AngularJS应用数据的值到HTML输入控件。ng-bind : 该指令绑定AngularJS应用程序数据到HTML标签。AngularJS指令ng-app : 指令定义和链接AngularJS应用程序到HTML。ng-model : 指令绑定A...原创 2018-05-18 11:22:16 · 617 阅读 · 0 评论 -
AngularJS(十四)$location服务,ng-check的应用
一、回显三级分类列表的小技巧1、分页查询商品显示 将三级分类列表全部查出放入数组中// 查询所有三级目录的方法、将其以id为索引,name为值,放入数组中 $scope.findItemCatList=function(){ itemCatService.findAll().success(function(data) { //初...原创 2018-05-26 10:25:10 · 480 阅读 · 0 评论 -
AngularJS(十三)复杂应用
一、html页面代码页面展示结果 规格菜单栏显示<div ng-repeat="pojo in specList"> <div class="col-md-2 title">{{pojo.text}}</div> <div class="col-m原创 2018-05-25 22:53:38 · 228 阅读 · 0 评论 -
AngularJS(十二) json数据解析、ng-if、ng-repeat使用等
一、前端代码数据库:数据结构 id :40 主键name:电冰箱brand_ids :[{"id":13,"text":"长虹"},{"id":14,"text":"海尔"},{"id":21,"text":原创 2018-05-25 21:52:06 · 2635 阅读 · 0 评论 -
AngularJS(十一) ng-options结合ng-model实现三级联动下拉列表
一、服务层代码// 根据上级 ID 查询下级列表 this.findByParentId = function(parentId) { return $http.get("/itemCat/findByParentId?parentId=" + parentId); };// 通过id查询商品分类的方法 this.selectOne = func...原创 2018-05-25 20:48:19 · 2143 阅读 · 0 评论 -
AngularJS(十)图片上传-------这里使用fastDFS服务器
一、在商品录入界面实现多图片上传(配置)当用户点击新建按钮,弹出上传窗口 1.导入依赖( pom.xml 引入依赖)<!-- 文件上传 --> <dependency> <groupId>commons-fileupload</groupId> <artifact...原创 2018-05-25 19:32:52 · 632 阅读 · 0 评论 -
AngularJS(九)面包屑导航
AngularJS(九)面包屑导航1 itemCatService.js // 根据上级 ID 查询下级列表 this.findByParentId = function(parentId) { return $http.get("/itemCat/findByParentId?parentId=" + parentId); };2.修改 it...原创 2018-05-25 18:01:27 · 2753 阅读 · 2 评论 -
AngularJS(八) kindeditor 富文本编辑器
一 。富文本编辑器介绍富文本编辑器,Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能。常 用的富文本编辑器: KindEditor http://kindeditor.net/ UEditor http://ueditor.baidu.com/website/ CKEditor http://ckeditor.com/ 二...原创 2018-05-25 17:16:00 · 3511 阅读 · 2 评论 -
AngularJS(七)AngularJS对象的初始化时机
1、angularJS对象何时需要进行初始化?在angularJS中所有变量,对象,方法都绑定在scope域中。scope域中。scope域中。 scope域 |–1、变量——-&gt;不需要初始化,一般已经有值 |–2、对象——-&gt;|-对象没有值: |-调用对象的方法, |-或者调用对象的属性 此时必须对对象进行...原创 2018-05-20 20:23:38 · 1883 阅读 · 1 评论 -
AnglarJS(六)继承
有些功能是每个页面都有可能用到的,比如分页,复选,字符串转换等等,如果我们再开发另一个功能,还需要重复编写。怎么能让这些通用的功能只写一次呢?我们通过继承的方式来实现。 定义一个基本的控制器,作为父控制器,提供通用的控制器方法,例如分页,字符串转换……app.controller('baseController', function($scope) { //父控制器的方法,...原创 2018-05-19 17:27:37 · 257 阅读 · 0 评论 -
原 AnglarJS(五) 依赖注入
依赖注入是一个在组件中给出的替代了硬的组件内的编码它们的依赖关系的软件设计模式。这减轻一个组成部分,从定位的依赖,依赖配置。这有助于使组件可重用,维护和测试。 AngularJS提供了一个至高无上的依赖注入机制。它提供了一个可注入彼此依赖下列核心组件。值工厂服务提供者常值服务注入//创建一个名称为品牌(brandService)的服务,将$http注入,该...原创 2018-05-19 17:11:48 · 207 阅读 · 0 评论 -
AnglarJS(四)select2插件使用
1.导入依赖基于bootstrap,anglarJS的select2使用<!--select2 css引入--><link rel="stylesheet" href="../select2/select2.css" /><link rel="stylesheet" href="../select2/select2-bootstrap.css" /原创 2018-05-19 16:59:15 · 2064 阅读 · 0 评论 -
AnglarJS(三)数组的添加与删除&选中事件触发函数
控制器 //定义一个删除的数组 $scope.selectIds = []; //选中事件 $scope.updateSelection = function($event, id) { //如果选中 ...原创 2018-05-18 11:45:00 · 273 阅读 · 0 评论 -
AnglarJS(二)分页插件使用
1.引入分页js,css插件1)在js中引入<!-- 分页组件开始 --><!--css--><link rel="stylesheet" href="../plugins/angularjs/pagination.css"><!--js--><script src="../plugins/angularjs/pagi原创 2018-05-18 11:38:04 · 370 阅读 · 0 评论 -
AngularJs 指令
AngularJs GitHub: https://github.com/angular/angular.js/ AngularJs下载地址:https://angularjs.org/1、ng-model 这个大家都非常熟悉了,就是将表单控件和当前作用域的属性进行绑定。需要注意绑定的scope的范围(父scope与子scope)。 ng-model主要绑定的元素包括input,...转载 2018-06-04 10:30:16 · 438 阅读 · 0 评论