wamp服务器的配置和angularjs中get…
生活随笔
收集整理的這篇文章主要介紹了
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) { 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}); } })
ps:josn模擬數據 [{"action":"Zuy flowers","done":false}, {"action":"Auy shoes","done":false}, {"action":"Duy fruits","done":true}, {"action":"Buy call Joe","done":false}]
下面說一下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()}}
add showCompleteps:josn模擬數據 [{"action":"Zuy flowers","done":false}, {"action":"Auy shoes","done":false}, {"action":"Duy fruits","done":true}, {"action":"Buy call Joe","done":false}]
| {{item.action}} |
總結
以上是生活随笔為你收集整理的wamp服务器的配置和angularjs中get…的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jsp公共自行车租赁系统
- 下一篇: OV7670 的SCCB (I2C)波形