链接参数数组保存路由导航时所需的成分： 指向目标组件的那个路由的路径（path） 必备路由参数和可选路由参数，它们将进入该路由的URL 我们可以把RouterLink指令绑定到一个数组，就像这样： <a [routerLink]="[/heroes]">Heroes</a>在指定路由参数时，我们写过一个双元素的数组，就像这样： this.router.navigate([/hero, hero.id]);我们可以在对象中提供可选的路由参数，就像这样： <a [routerLink]="[/crisis-center, { foo: foo...
用angularJS中的$http服务碰到了一个问题：运用$http.post方法向后台传递数据时，后台的php页面获取不到data参数传过来的值。 不论是这种姿势： $http.post( "1.php", { id: 1 }).success(function (data) {console.log(data);});还是这种姿势： $http({method: POST,url: 1.php,data: { id: 1 }}).success(function (data) {console.log(data);});后台php中的$_POST或$_REQUEST都无法获取到data中的值： <?phpecho json_encode($_...
angularjs 动态从后台获取下拉框的值,只要是使用repeat指令,后台提供的是一个list的对象,里面包含value和显示的值,如下: js文件：//职务等级和档次/军衔等级和档次,需要从后台获取:poslist,type:2/3/4/5$scope.getDyActivityInforItems=function(){serviceData.getData(inforinput/getAllSelectValueByType,POST,{type:2 }).then(function(json){if(json.code==0){$scope.poslist=json.content;};}, function(json){console.log(js...
下拉列表的简单使用 ng-option指令使用很简单，只需要绑定两个属性： 一个是ng-model用于获取选定的值； 另一个是ng-options用于确定下拉列表的元素数组。 <select ng-model="engineer.currentActivity" class="form-control" ng-options="act for act in activities"></select>上面这条语句就是把选择的值与engineer.currentActivity进行双向数据绑定，然后列表中的选项是activities中的每一个值。数据如下： $scope.engineer = {...
html： <div ng-controller="mySelectController"> <select ng-model="myField" ng-options="Field.label for Field in names" ng-change="mySelectControllerChange()"> <option value=>{{SELECT.LABEL.VXI.CUSTOM.SELECT | translate}}</option> </select> </div><div ng-controller="myRelationController"> <select ng-model="myRelation" ng-options="relation.name for relation in relationList" > <option value=>{{SELEC...
如下所示： //$http函数的形参就是一个配置对象 $http({//method属性表示HTTP请求时的方式,它是一个字符串，值是POST、GET、JSONP、DELETE、PUT和HEAD其中之一method://url表示向服务器请求的地址，是一个相对或者绝对的字符串形式url://data属性是一个对象，该对象将作为消息体的一部分发送给服务端，常用于POST或PUT数据时使用；data://params属性是一个字符串对象，当发送HTTP请求时，如果是对象，将自动按json格式进行序列化，...
如下所示： self.tableParams = new NgTableParams({}, {getData: function (params) {$http.post("rest/staff/page", $scope.req).success(function (data) {if (data != null && data != undefined) {$scope.staffs = data.data;params.total($scope.totalPage);}}).error(function (data) {$("#serverErrorModal").modal({show: true});});return $scope.staffs;} }); 上面这个示例中，getData方法要得到通过$http请求返回的值，...
简述： AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。 它不仅仅是一个类库，而是提供了一个完整的框架。它避免了您和多个类库交互，需要熟悉多套接口的繁琐工作。它由Google Chrome的开发人员设计，引领着下一代Web应用开发。也许我们5年或10...
1. 背景 在前端项目中，经常会遇到页面有多个接口，后一个接口参数需要从前一个接口的返回数据中获取，这就存在接口必须按顺序一个一个执行。而Angular提供的Http服务请求接口都是异步请求，因此通常情况下会写成如下的代码： funA(arg1,arg2,function(){funcB(arg1,arg2,function(){funcC(arg1,arg2,function(){xxxx....})}) });这不仅造成页面代码混乱不易维护，也让开发者无法追踪代码的运行。本身嵌套就已经不容易理解，加上不...
1、在页面中加入AngularJS并为页面绑定ng-app 和 ng-controller <body ng-app="MyApp" ng-controller="MyCtrl" > ... <script src="js/angular.min.js"></script> <script src="js/sbt.js"></script>2、添加必要的控件并绑定相应的事件get:<input type="text" ng-model="param">{{param}} <br>post: <input type="text" ng-model="user.name"><input type="text" ng-model="user.password"><br><button ng-click="get()">Get</butt...
如下所示： //方案1：能用，但token信息不能写在服务中，应该用全局变量替代，而且还得考虑参数复合问题。 @Injectable() export class DefaultRequestOptions extends BaseRequestOptions {constructor() {super();this.headers.set(Content-Type, application/json);} } export const requestOptionProvider = {provide: RequestOptions, useClass: DefaultRequestOptions}; //方案2:能用，比较正规的实现，但以后请求就只能用my...
ng-template 是用来定义模板的，当使用ng-template定义好一个模板之后，可以用ng-container和templateOutlet指令来进行使用。 <ng-template #loading><button (click)="login()">login</button><button (click)="sigup()">sigup</button> </ng-template> <ng-container *ngTemplateOutlet="loading"> </ng-container>ng-template在编写高定制性的组件时非常有用。可以把需要定制的内容作为模板传到组件中。下面看下angular 使用 ng...
前几天项目在上线过程中，出现了一些新问题。页面在切换时由于前一个页面的模板清理不及时，会造成页面的重叠。导致这个问题的原因是：页面模板缓存，即上一个页面退出时，浏览器没有及时清空上一个页面的模板，导致新页面加载时，旧页面模板依然存在，从而页面出现重叠。 模板缓存清除：模板缓存的清除包括传统的 HTML标签设置清除缓存，以及angularJs的一些配置清除，和angularJs的路由切换清除 1、以下是传统的清除浏览器的方法...
网上有各种刷新子页面路由的方法，但是不知道为什么放到我的页面就不行了，尴尬！ 网上的方法有： <a href="#" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:app.toMenu}"> <!-- 这个方法刷新当前路由页面 -->另外也可以用$state.reload(); $state.reload()是加载整个页面; $state.reload('app.toMenu');加载当前页面； <a href="" ng-click=" rel="external nofollow" reloadCurPage()"> <!-- controller...
组件通讯，意在不同的指令和组件之间共享信息。如何在两个多个组件之间共享信息呢。 最近在项目上，组件跟组件之间可能是父子关系，兄弟关系，爷孙关系都有。。。。。我也找找了很多关于组件之间通讯的方法，不同的方法应用在不同的场景，根据功能需求选择组件之间最适合的通讯方式。下面我就总结一下关于组件通讯的N多种方法。 1.父→子 input parent.ts import { Component } from @angular/core;@Component({selector: page-par...