Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了wamp服务器的配置和angularjs中get…大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
首先讲一下wamp服务器的使用,安装好wamp后你需要打开服务器,然后点击启动所有服务,这时我弹出一个对话框,说 Could not execute menu item(internal error),[Exception] Could not perform service action:服务尚未启动。这是因为我的80端口被公司内部IP地址占用;所以我需要修改80端口。具体做法是左键点击右下角的wamp图标,然后找到Apache下的httpd.conf文件,用你的编辑器打开(也可用记事本,但无格式),找到里面的Listen:80(搜索可能会找不到需要人工查找,且80前面可能还有数字),将80改成8080或者其他端口。然后保存重启wamp就可以了,图标绿色就可以了。

下面说一下angularjs某个版本(具体不详)中的get方法无法调用的问题,这不知道是我的原因还是它的原因,我下载的版本在Ajax发起请求时弹出$http.get(...)...is not a function.找了好久也没找到错误。最后换了一个版本1.2.20,就成功请求到了json文件,所以希望广大朋友在出错时,注意是不是文件本身有bug。
总结:今天完成了第一个demo。bootstrap和angular结合实现数据双向绑定。附上code:
var model = {
user:"Adam"
};
var app = angular.module("myApp",[]);
app.run(function ($http) {
$http.get("json1.json").success(function (data) {
@H_866_18@model.items = data;
})
});
app.filter("@R_607_10943@kedItems",function () {
return function (abc,showCompletE) {
var resultArr = [];
angular.forEach(abc,function (item) {
if (item.done == false || showComplete == truE) {
resultArr.push(item);
}
});
return resultArr;
}
})
app.controller("myCtrl",function ($scope) {
$scope.todo = model;
$scope.count = function () {
var count = 0;
angular.forEach($scope.todo.items,function (item) {
if (!item.donE) {
count++
};
});
return count;
};
$scope.warningLevel = function () {
return $scope.count( ) < 3?"label-success":"label-warning";
};
$scope.addNewItem = function (things) {
$scope.todo.items.push({action:things,done:falsE});
}
})

{{todo.user}}to do list {{Count()}}

@H_144_197@

ps:josn模拟数据
[{"action":"Zuy flowers","done":falsE},
{"action":"Auy shoes",sans-serif; line-height: 1.3;"> {"action":"Duy fruits","done":truE},sans-serif; line-height: 1.3;"> {"action":"Buy call Joe","done":falsE}]


{{item.action}}
done
description

大佬总结

以上是大佬教程为你收集整理的wamp服务器的配置和angularjs中get…全部内容,希望文章能够帮你解决wamp服务器的配置和angularjs中get…所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。