wamp服务器的配置和angularjs中get…
2016-12-16 10:38
351 查看
首先讲一下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) {
model.items = data;
})
});
app.filter("checkedItems",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});
}
})
showComplete
ps:josn模拟数据
[{"action":"Zuy flowers","done":false},
{"action":"Auy shoes","done":false},
{"action":"Duy fruits","done":true},
{"action":"Buy call Joe","done":false}]
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) {
model.items = data;
})
});
app.filter("checkedItems",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()}}
addshowComplete
ps:josn模拟数据
[{"action":"Zuy flowers","done":false},
{"action":"Auy shoes","done":false},
{"action":"Duy fruits","done":true},
{"action":"Buy call Joe","done":false}]
{{item.action}} |
done |
---|
description |
---|
相关文章推荐
- 服务器集成环境wamp安装与常用配置
- php服务器wamp的项目配置
- 检索 COM 类工厂中 CLSID 为 {00024500-0000-0000-C000-000000000046} 的组件失败,原因是出现以下错误: 8000401a 因为配置标识不正确,系统无法开始服务器进程。请检查用户名和密码。 (异常来自 HRESULT:0x8000401A)。 在 BatchImportEntryTable.GetExcelData(String FileName)
- WAMP环境配置说明--php服务器
- PHPWAMP配置应该如何修改,Web服务器、php、mysql的具体配置修改
- 关于wamp服务器文件的配置
- 本地配置wamp服务器实现多个域名访问多个网站
- nginx 后端服务器配置端口 request.getserverPort
- nginx 后端服务器配置端口 request.getserverPort
- Vue------第五天(Vue的Ajax请求,使用Axios,目前熟悉了一下,主要包括GET请求、POST请求、并发请求、请求参数的配置、服务器响应的结构以及对服务器响应错误的简单处理)
- 关于WAMP服务器的安装与配置(解决图标始终黄(橙)色的问题)
- WAMPSERVER环境下:phpmyadmin连接多个服务器配置
- nginx 后端服务器配置端口 request.getserverPort
- PHPWAMP配置应该如何修改,Web服务器、php、mysql的具体配置修改
- Thinkphp5.0框架,wamp服务器配置子域名
- WAMP服务器远程外部访问配置
- WAMP服务器和远程访问配置
- nginx 后端服务器配置端口 request.getserverPort
- WAMP配置局域网公用服务器
- 如何配置wamp服务器