这是一篇关于easyui配合ajax使用的文章，顺带介绍angularjs的使用以及让你感受到angularjs的威力。网上对于ajax 的文也是多如牛毛 。我就不直接从那种原生的httpxmlrequest 对象的js 写起了哈。看那种东西也存粹是了解 高层的东西是怎么来的 原理是啥真正做的时候写那种东西 不是扯淡么 你叼你技术牛逼整站的代码你全用那种写。html js 这种东西最开始设计出来就没考虑周全就是坨屎。还好现在有各种框架 可以帮助我们更容易的把这坨...
多级联动菜单是常见的前端组件，比如省份-城市联动、高校-学院-专业联动等等。场景虽然常见，但仔细分析起来要实现一个通用的无限分级联动菜单却不一定像想象的那么简单。比如，我们需要考虑子菜单的加载是同步的还是异步的？对于初始值的回填发生在前端还是后端？如果异步加载，是否对于后端API的返回格式有严格的定义？是否容易实现同步、异步共存？是否可以灵活的支持各类依赖关系？菜单中是否有空值选项？……一系列的问题都需...
下拉列表的简单使用ng-option指令使用很简单，只需要绑定两个属性：一个是ng-model用于获取选定的值；另一个是ng-options用于确定下拉列表的元素数组。上面这条语句就是把选择的值与engineer.currentActivity进行双向数据绑定，然后列表中的选项是activities中的每一个值。数据如下：$scope.engineer = { name: "Dani", currentActivity: "Fixing bugs" }; $scope.activities = [ "Writing code", "Testing code", "Fixing bugs", ...
假如我们有一个shareModule来存放公用的组件(Component)、指令(Directive)、管道(Pipe)、服务（Service），为避免各个子模块引用shareModule时造成App中有多个一样的单一实例服务的问题。我们可以在shareModule中建立同意的App层级的服务。 ShareModule import { NgModule, ModuleWithProviders } from @angular/core; @NgModule({imports: [HttpModule,JsonpModule,...],declarations: [ShowItDirective,...],exports: [ShowItDir...
本文实例讲述了Angular.JS读取数据库数据调用。分享给大家供大家参考，具体如下： 以下是实例代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> <style> table{position:relative;} table, th , td {border: 1px solid grey;border-collapse: collapse;padding: 10px 20px; } table tr:nth-child(odd) {background-color: #f1f1f...
前言 ionic是一个垮平台开发框架，可通过web技术开发出多平台的应用。但只建议开发简单应用。复杂的应用需要用到许多cordova插件，而cordova插件的更新或者移动平台的更新很可能导致插件的不可用，维护升级成本较高。安装插件 安装插件Image Picker $ ionic cordova plugin add cordova-plugin-telerik-imagepicker $ npm install @ionic-native/image-picker安装插件File Transfer $ ionic cordova plugin add cordova-plugin-fil...
本文实例讲述了Angular4.0动画操作。分享给大家供大家参考，具体如下： 粗略的记录一下angular4的动画 先看一下angular中文网关于这个给的例子。 有两个组件home，about。 路径配置什么的这里就不细说了，之前的博文有说过，我就贴一下代码，很好理解的， 需要import的东西我先说一下，我只贴了使用动画要用的东西，其他的我省略了， app.module.ts import { BrowserModule } from @angular/platform-browser; import {BrowserAnim...
组件 使用命令创建组件?创建组件的命令：ng generate component 组件名 ?生成的组件组成： 组件名.html 、组件名.ts、组件名.less、组件名.spec.ts ?在组件的控制器@Component({selector: app-heroes,templateUrl: ./heroes.component.html,styleUrls: [./heroes.component.less] })手动创建组件1.创建一个组件ts文件2.在组件中设置// 1. 导入包，按需导入 import { Component } from "@angular/core"; import { CoreEdit, NavLayo...
很多网站发帖的时候标签输入框看起来像是在 <input> 元素中直接显示标签. 比如这种一开始以为是把 <span> 放在 <input> 中, 看了下 Stack Overflow 和 SegmentFault 的实现方式, 原来是用一个 <div> 把 <span> 和 <input> 包起来, 然后让 <div> 模仿出输入框的样式. 再给 <div> 加上eventListensor, 点击 <div> 时, 使 <input> 获得焦点. StackBlitz 上的 Demo 在 Angular 中的实现 将各个tag用 <span> 显示, 在同一行放一个 <inpu...
1.ctrl1是父级控制器，ctrl2和ctrl3都是ctrl1的子级控制器， 2.父级ctrl1中name值的改变会影响ctrl2和ctrl3中name值的改变， 3.但是ctrl2有自己的name输入传的值，不会影响ctrl1和ctrl3，这就是继承隔离， 4.ctrl3无name赋值就继承父级ctrl1中的name的值。 一、继承隔离的情况 <div ng-app="module"><div ng-controller="ctrl1">{{name}}<input type="text" ng-model="name"><div ng-controller="ctrl2">{{name}}<input type="text...
如下所示：子级指令app-sheet中，使用sheet.html作为模版。 在sheet.html中有个点击click事件，selectTablist（item），这里的item就是在子级指令app-sheet中用户click选择的item。 在sheet.js中，通过scope:{selectTablist:&},和父级共享这个方法。在整个顶层的路由中，search.html和searchCtrl是互相绑定的。 而在search.html中，使用app-sheet指令的时候，通过select-tablist=”sClick(id,name)”，表明父级子级共享的selectTab...
如下所示： <!doctype html> <html lang="en"> <head><meta charset="UTF-8"><script src="angular.min.js"></script> </head> <body> <div ng-app="module" ng-controller="ctrl">颜色: <input type="text" ng-model="color">大小: <input type="number" ng-model="size"><br/><!--通过输入color和size的值，改变style的值--><span ng-style="{color:color,fontSize:size+px}">泠泠在路上</span> </div> <script>var m = angular....
本篇文章介绍2种自定义服务的方式，一种是用factory，一种是用service 一、首先介绍使用factory来进行自定义服务 1.html<div ng-app="module" ng-controller="ctrl"><table border="1" width="600"><tr><td>网站名称</td><td>网址</td></tr><tr ng-repeat="v in data"><td>{{v.name}}</td><td>{{v.url}}</td></tr></table> </div> <script>var m = angular.module(module, []);//factory定义服务videoServerm.factory(videoServer,...
1.html:把json对象转换成json字符串 <!doctype html> <html lang="en"> <head><meta charset="UTF-8"><script src="angular.min.js"></script> </head> <body><div ng-app="module" ng-controller="ctrl">{{data}}</div><script>var m = angular.module(module, []);m.controller(ctrl, [$scope, function ($scope) {$scope.data = {name: 泠泠在路上};//把json对象转换成json字符串localStorage.setItem(data, angular.toJson($sc...
如下所示： <div ng-app="module" ng-controller="ctrl">{{data}}<hr><div ng-bind-html="data"></div><hr><div ng-bind-html="title | trustHtml"></div> </div> <script>var m = angular.module(module, []);/*$sce服务写成过滤器*/m.filter(trustHtml,[$sce,function($sce){return function(data){return $sce.trustAsHtml(data);}}])m.controller(ctrl, [$scope, $sce, function ($scope, $sce) {/*第一种：不用过滤器的方式*/...