『壹』 angular2路由来回切换刷新页面
最简单直接的办法就是url后加当前时间戳
'httpurl?timestamp='+newDate().getTime()
『贰』 angular2怎么使用第三方的库
angular并不存在定时脏检测。angular对常用的dom事件，xhr事件等做了封装，在里面触发进入angular的digest流程。回在digest流程里面，会从答rootscope开始遍历，检查所有的watcher。angular性能优化心得谈起angular的脏检查机制(dirty-checking),常见的误解就是认为：ng是定时轮询去检查model是否变更。其实，ng只有在指定事件触发后，才进入$digestcycle：DOM事件，譬如用户输入文本，点击按钮等。(ng-click)XHR响应事件($http)浏览器Location变更事件($location)Timer事件($timeout,$interval)执行$digest()或$apply()
『叁』 angular js 实现购物车功能，怎么在不同的页面之间更新数据
两个页面传值要用后台服务器，你是指1.html和2.html这样的吗？这和angular没有关系，angular是用来内实现html和js的绑定的
html:<input ng-model="zs.name"/>
js:app.controller('控制器的容名字',function($scope){
$scope.zs={
name:'张三',
age:18
};
})
这样$scope.zs.name变化会使input的value值改变，同时input的oninput事件触发时会通知$scope.zs.name改变
『肆』 angular2 怎么判断i是奇数偶数
public class HelloWorld {
public static void main(String[] args) {
int sum = 0; // 保存累加值
for (int i = 1; i <= 10; i++) {
// 如果i为奇数,结束本次循环，进行下一次循环
if ( i %2==1 ) {
continue;
}
sum = sum + i;
}
System.out.print("1到10之间的所版有偶数的和权为：" + sum);
}
}
『伍』 angular 2 怎么获取当前地址栏的URL
在Angular8中使用PlatformLocation类，此类保存url链接信息，如基地址，端口号等。使回用如下：
constructor(private platformLocation: PlatformLocation) {}
ngOnInit() {
console.log(this.platformLocation.href);//href属性即是当前答url
}
『陆』 angular2实现html 页面分离(单页面 拆分为 多页面程序)
这么给你说吧 angularJS的强大之处就在于把网站能做成一个树形结构
框架放好 view展示不同页面
页面直接用route控制跳转等
你要做森林也无妨啊 如果你真的需要- -
『柒』 angular2 中html模板把<script>标签忽略了
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>hello,angular2</title>
<!--模块加载器-->
<scripttype="text/javascript"src="lib/[email protected]"></script>
<!--Angular2模块库-->
<scripttype="text/javascript"src="lib/angular2.dev.js"></script>
<script>
//设置模块加载规则
System.baseURL=document.baseURI;
System.config({
map:{traceur:"lib/traceur"},
traceurOptions:{annotations:true}
});
</script>
</head>
<body>
<imgsrc="img/jay.gif">
<preclass="logger"></pre>
<!--定义一个ES6脚本元素-->
<scripttype="mole">
//用ES6语法定义一个类
exportclassLogger{
constructor(){
this.el=document.querySelector("pre.logger");
this.lines=[];
}
log(str){
this.lines.push(str);
this.el.textContent=this.lines.join(" ");
}
}
//实例化，测试一下
var_=newLogger();
_.log("哎呦，不错哦！");
_.log("真的是用ES6写的噢！");
</script>
</body>
</html>
『捌』 如何用angularjs实现抛物线购物车效果
、使用任何语言创建一个服务端：
public class ShoppingCar
{
public string Title { get; set; }
public decimal UnitPrice { get; set; }
public int Count { get; set; }
}
public ActionResult GetCar()
{
List<ShoppingCar> cars = new List<ShoppingCar>
{
new ShoppingCar { Title="苹果",Count=1,UnitPrice=2.5m},
new ShoppingCar { Title="香蕉",Count=3,UnitPrice=1.5m},
new ShoppingCar { Title="苦瓜",Count=1,UnitPrice=3.5m},
new ShoppingCar { Title="黄瓜",Count=3,UnitPrice=2.2m}
};
return Json(cars,JsonRequestBehavior.AllowGet);
}
『玖』 Angular2中怎么实现一个定时循环事件
如果真的要做push notification啥的，还是要从service端设计.private startTime: number = new Date().getTime();private theValue: number = 0;private FIVE_SECONDS: number = 5000;private getUpdate(): void {let currentTime = new Date().getTime();let diff = currentTime - this.startTime;if (diff / FIVE_SECONDS 0) {// Do somethingthis.theValue += 1;this.startTime = new Date().getTime();}}}我再看了一下问题, 貌似你是想要找个简单的function咯，可以这样：import { Observable } from 'rxjs/Rx';// .....export Class AppComponent {private theValue: number = 0;ngOnInit() {let timer = Observable.timer('some time', 2000);timer.subscribe(t = this.theValue += 1);}}这样就好啦，用一个Observable，然后subscribe，再在event里面作改变就好咯
『拾』 angular js 带复选框购物车怎么写
前段时间研究过这个，并且写了一个购物车的小例子，今天一个偶然的机会提起，可惜忘了差不多了，糊里糊涂的也没说清楚。翻出来，提醒下自己，保持一颗学习的心，顺便再复习一遍。
先上一个最终的效果图
构图比较简单，主要功能：
1. 点击购买的时候 进行数量的增加或者条目的增加，同时总价格变化；
2. 进行删除的时候，删除当前条目，总价变化；
3. 进行数目增加减少的时候，总价格变化；
好，下面说代码，抓耳挠腮的想想，有点久远印象不太深刻了；
关于angular的基本用法，这里就不唠叨了，网上好多的教程；
首先是商品列表，这里自己随意列举了一些
<script>
var items = [{
id : '1',
name : '蜂蜜',
price : 30.00
},{
id : '2',
name : '黄豆酱',
price : 15.8
},
{
id : '3',
name : '护手霜',
price : 15.00
},
{
id : '4',
name : '保温杯',
price : 29.9
},
{
id : '5',
name : '鼠标',
price : 39.9
},{
id : '6',
name : '米老头',
price : 8.8
}];
//购物车中的数据;
var boughtList = {};
</script>
主要的html代码，重新注释下也让自己再熟悉一遍
<div class="wrap" ng-controller="showItem"><!-- ng-controller ng的语法 -->
<h5>商品列表</h5>
<div class="left itembox border" >
<ul>
<li class="left" ng-repeat="value in items" item-id={{value.id}}>
<p>{{value.name}}</p>
<p> {{value.price}}</p>
<p>
<a href="javascript:void(0);" ng-click="buyAction($event);"
name={{value.name}} price={{value.price}} item-id={{value.id}} >购买</a>
<!-- dom 事件时的$event 就相当于普通dom事件中的window.event 对象-->
</p>
</li>
</ul>
</div>
<!-- 购物车中的数据 -->
<div class="boughtlist border">
<ul>
<li ng-repeat="value in boughtList" item-id={{value.id}}>
<span>{{value.name}}</span>
<span>{{value.price}}</span>
<span style="width:100px;" item-id={{value.id}}>
<a href="javascript:void(0);" ng-click="value.num=value.num+1;changeNum($event,value.num);" >+</a>
<input class="border" type="number" min=0 ng-model="value.num" ng-init="value.num=1" ng-change="changeNum(value.id,value.num);"/>
<!-- 这里的ng-change 是值发生变化时触发的事件，其实这里我原先想处理成 一个自动的mvc过程，无果，只好加事件了-->
<a href="javascript:void(0);" ng-click="value.num=value.num-1;changeNum($event,value.num);">-</a>
</span>
<a href="javascript:void(0);" item-id={{value.id}} ng-click="delItem($event);" >删除</a>
</li>
</ul>
<p ng-init=0 >总价格：{{ total | number:1}}</p>
<!-- angular的优势体现，number：1也就是number数据，小数点后一位。-->
</div>
我记得，当时觉得比较麻烦的是 input没有ng-blur事件；
看下js代码
var ng = angular;
var myapp = ng.mole('myapp',[]);
var common = {
getTotal : function(total){ //每次重新清零 算出总价，这样的话为什么还要传total参数？当时怎么想的？
total = 0;
for(var k in boughtList){
if(boughtList[k]){
if(boughtList[k].num <=0){
boughtList[k].num = 0;
}
total += boughtList[k].num*boughtList[k].price;
}
}
return total;
}
}
myapp.controller('showItem',function($scope){
$scope.items = items;
$scope.boughtList = boughtList;
$scope.total = 0;
for(var k in boughtList){
if(boughtList[k]){
$scope.total += boughtList[k].num*boughtList[k].price;
}
}
$scope.buyAction = function($event){
var el = $event.target;
var id = el.getAttribute('item-id');
if(boughtList[id]){
boughtList[id].num += 1;
}else{
var arr = [];
arr.name = el.getAttribute('name');
arr.price = el.getAttribute('price');
arr.num = 1;
arr.id = id;
boughtList[id] = arr;
}
$scope.total = common.getTotal($scope.total);
}
$scope.delItem = function($event){
var li = $event.target.parentNode;
li.parentNode.removeChild(li);
var id = $event.target.getAttribute('item-id');
if(boughtList[id]){
delete boughtList[id];
}
$scope.total = common.getTotal($scope.total);
}
$scope.changeNum = function($event,num){
var id;
if(typeof $event == 'string'){
id = $event;
}else{
id = $event.target.parentNode.getAttribute('item-id');
}
boughtList[id].number = num;
$scope.total = common.getTotal($scope.total);
}
});