❶ 有誰用過angularjs，怎麼獲取一個id的值
<bodyonload='test()'>
<divng-app="myApp"ng-controller="formCtrl">
<inputtype="text"id='aaaa'ng-model="user.firstName"><br>
<buttonng-click="showvalue()">獲取</button>
</div>
<script>
functiontest(){
alert(document.getElementById('aaaa').value);
}
varapp=angular.mole('myApp',[]);
app.controller('formCtrl',function($scope){
$scope.master={firstName:"John1",lastName:"Doe"};
$scope.showvalue=function(){
alert($scope.user.firstName);
};
$scope.user=angular.($scope.master);
});
</script>
❷ angularjs如何獲取id達到刪除的目的呢
放個input 隱藏域，綁定id，之後在刪除操作的時候傳值進去。
❸ 如何獲取html元素id，通過angularjs
通過angularjs獲取html元素的id的方法：
angular.element("#element-id")；
這是一個DOM操作。Angular不會幫助獲得DOM的某個屬性。
需要使用的是DOM選擇器，不管是原生的也好或者像jQuery這樣的庫也好。
獲取ID的目標地是為了操作DOM, Angular的設計思想不是這樣的, 應該用directive代替.
directive的link函數已經把作用域,元素,屬性數組注入到link函數調用的參數當中了.
link(scope,element,attrs)
關於directive的詳細解釋,請參考: 創建自定義"指令"jQuery寫法： $('#id')
❹ angularjs filter怎麼顯示數字和顏色
一，內置的過濾器
1，uppercase，lowercase大小轉換
?
1
2
{{ "lower cap string" | uppercase }} //結果：LOWER CAP STRING
{{ "TANK is GOOD" | lowercase }} //結果：tank is good
｜這里的豎線是一種管道功能，如果對linux比較熟悉的話，這塊的｜根linux的管道功能，基本是一樣的
2，json格式化
?
1
{{ {foo: "bar", baz: 23} | json }} //結果：{ "foo": "bar", "baz": 23 }
注意：bza沒格式前是沒有雙引號的，格式化後就轉換成了json數據了。
3，date格式化
?
1
2
3
{{ 1304375948024 | date }} //結果：May 3, 2011
{{ 1304375948024 | date:"MM/dd/yyyy @ h:mma" }} //結果：05/03/2011 @ 6:39AM
{{ 1304375948024 | date:"yyyy-MM-dd hh:mm:ss" }} //結果：2011-05-03 06:39:08
4，number格式化
?
1
2
{{ 1.234567 | number:1 }} //結果：1.2
{{ 1234567 | number }} //結果：1,234,567
5，currency貨幣格式化
?
1
2
{{ 250 | currency }} //結果：$250.00
{{ 250 | currency:"RMB ￥ " }} //結果：RMB ￥ 250.00
6，filter查找
?
1
2
3
4
5
6
7
8
9
10
11
12
13
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | filter:'s'}} //查找含有有s的行
//上例結果：[{"age":12,"id":11,"name":"sunm xing"},{"age":44,"id":12,"name":"test abc"}]
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | filter:{'name':'iphone'} }} //查找name為iphone的行
//上例結果:[{"age":20,"id":10,"name":"iphone"}]
7，limitTo字元串，對像的截取
?
1
2
3
4
5
6
7
{{ "i love tank" | limitTo:6 }} //結果：i love
{{ "i love tank" | limitTo:-4 }} //結果：tank
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | limitTo:1 }} //結果：[{"age":20,"id":10,"name":"iphone"}]
8，orderBy對像排序
?
1
2
3
4
5
6
7
8
9
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | orderBy:'id':true }} //根id降序排
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | orderBy:'id' }} //根據id升序排
二，自定filter功能
我找了一個基本angularjs的mvc框架，phonecat，自定義filter也是在這基礎寫的，這個框架挺好用的。
1，filters.js添加一個mole
?
1
2
3
4
5
angular.mole('tanktest', []).filter('tankreplace', function() {
return function(input) {
return input.replace(/tank/, "=====")
};
});
2，app.js中載入這個mole
?
1
2
3
4
5
6
var phonecatApp = angular.mole('phonecatApp', [
'ngRoute',
'phonecatControllers',
'facebookControllers',
'tanktest'
]);
3，html中調用
?
1
{{ "TANK is GOOD" | lowercase |tankreplace}} //結果：===== is good
注意：| lowercase |tankreplace管道命令可以有多個
三、filter的兩種使用方法
1. 在模板中使用filter
我們可以直接在{{}}中使用filter，跟在表達式後面用 | 分割，語法如下：
?
1
{{ expression | filter }}
也可以多個filter連用，上一個filter的輸出將作為下一個filter的輸入（怪不得這貨長的跟管道一個樣。。）
?
1
{{ expression | filter1 | filter2 | ... }}
filter可以接收參數，參數用 : 進行分割，如下：
?
1
{{ expression | filter:argument1:argument2:... }}
除了對{{}}中的數據進行格式化，我們還可以在指令中使用filter，例如先對數組array進行過濾處理，然後再循環輸出：
?
1
<span ng-repeat="a in array | filter ">
2. 在controller和service中使用filter
我們的js代碼中也可以使用過濾器，方式就是我們熟悉的依賴注入，例如我要在controller中使用currency過濾器，只需將它注入到該controller中即可，代碼如下：
?
1
2
3
app.controller('testC',function($scope,currencyFilter){
$scope.num = currencyFilter(123534);
}
在模板中使用{{num}}就可以直接輸出$123,534.00了！在服務中使用filter也是同樣的道理。
此時你可能會有疑惑，如果我要在controller中使用多個filter，難道要一個一個注入嗎，這豈不太費勁了看小兄弟莫著急~ng提供了一個$filter服務可以來調用所需的filter，你只需注入一個$filter就夠了，使用方法如下：
?
1
2
3
4
app.controller('testC',function($scope,$filter){
$scope.num = $filter('currency')(123534);
$scope.date = $filter('date')(new Date());
}
可以達到同樣的效果。好處是你可以方便使用不同的filter了。
❺ angularjs 可不可通過元素id來個變元素樣式如果有給個小例子
jqLite in angularjs
angular.element("#element-id")
這是一個DOM操作。Angular不會幫助你獲得DOM的某個屬性。
你需要使用的是DOM選擇器，不專管是原生的屬也好或者像jQuery這樣的庫也好。
獲取ID的目標地是為了操作DOM, Angular的設計思想不是這樣的, 你應該用directive代替.
directive的link函數已經把作用域,元素,屬性數組注入到link函數調用的參數當中了.
link(scope,element,attrs)
關於directive的詳細解釋,請參考: 創建自定義"指令"
❻ 如何獲取html元素id，通過angularjs
你需要使用的是DOM選擇器。Angular不會幫助你獲得DOM的某個屬性;)
這是一個DOM操作,元素: 創建自定義",element，不管是原生的也好或者像jQuery這樣的庫也好, Angular的設計思想不是這樣的,屬性數組注入到link函數調用的參數當中了,請參考, 你應該用directive代替jqLite in angularjs
angular.
link(scope。
獲取ID的目標地是為了操作DOM.
directive的link函數已經把作用域.element("#element-id",attrs)
關於directive的詳細解釋;指令"
❼ 如何獲取html元素id，通過angularjs
angular在啟動初期會遍歷dom，找出所有在html里綁定的directive進行compile和link後，類似｀v-click｀這樣的指令才會在所版在的dom元素上綁定響應權事件。如果直接將html字元串插入到dom中angular是沒有機會解析這串html里的指令。為了解決這一問題，angular內置的$compile service.
Usage:
inject $compile service
$compile(htmlstring or domelement)(scope)
如果compile htmlstring 最後在將link後的返回插入到dom中
$compile() return a link function which bind the template to a scope
❽ Angularjs點擊一行怎麼根據獲取那一行數據id去進行查詢另外一個頁面
employeeID.Text = Session["employeeID"].ToString(); ...... string strsql = @"select * from tb_user where employeeID=employeeID"; 坦白的說，我沒看懂這兩行代碼。你的SQL不需要拼接出來么？ 要是我寫回的話，可能會是下答面這樣 exmpoyeeID
❾ 有誰用過angularjs，怎麼獲取一個id的值
<body onload='test()'>
<div ng-app="myApp" ng-controller="formCtrl">
<input type="text" id='aaaa' ng-model="user.firstName"><br>
<button ng-click="showvalue()">獲取</button>
</div>
<script>
function test(){
alert(document.getElementById('aaaa').value);
}
var app = angular.mole('myApp', []);
app.controller('formCtrl', function($scope) {
$scope.master = {firstName:"John1", lastName:"Doe"};
$scope.showvalue = function() {
alert($scope.user.firstName);
};
$scope.user = angular.($scope.master);
});
</script>
❿ angularjs filter怎麼顯示數字和顏色
一，內置的過濾器
1，uppercase，lowercase大小轉換
?
1
2
{{ "lower cap string" | uppercase }} //結果：LOWER CAP STRING
{{ "TANK is GOOD" | lowercase }} //結果：tank is good
｜這里的豎線是一種管道功能，如果對linux比較熟悉的話，這塊的｜根linux的管道功能，基本是一樣的
2，json格式化
?
1
{{ {foo: "bar", baz: 23} | json }} //結果：{ "foo": "bar", "baz": 23 }
注意：bza沒格式前是沒有雙引號的，格式化後就轉換成了json數據了。
3，date格式化
?
1
2
3
{{ 1304375948024 | date }} //結果：May 3, 2011
{{ 1304375948024 | date:"MM/dd/yyyy @ h:mma" }} //結果：05/03/2011 @ 6:39AM
{{ 1304375948024 | date:"yyyy-MM-dd hh:mm:ss" }} //結果：2011-05-03 06:39:08
4，number格式化
?
1
2
{{ 1.234567 | number:1 }} //結果：1.2
{{ 1234567 | number }} //結果：1,234,567
5，currency貨幣格式化
?
1
2
{{ 250 | currency }} //結果：$250.00
{{ 250 | currency:"RMB ￥ " }} //結果：RMB ￥ 250.00
6，filter查找
?
1
2
3
4
5
6
7
8
9
10
11
12
13
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | filter:'s'}} //查找含有有s的行
//上例結果：[{"age":12,"id":11,"name":"sunm xing"},{"age":44,"id":12,"name":"test abc"}]
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | filter:{'name':'iphone'} }} //查找name為iphone的行
//上例結果:[{"age":20,"id":10,"name":"iphone"}]
7，limitTo字元串，對像的截取
?
1
2
3
4
5
6
7
{{ "i love tank" | limitTo:6 }} //結果：i love
{{ "i love tank" | limitTo:-4 }} //結果：tank
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | limitTo:1 }} //結果：[{"age":20,"id":10,"name":"iphone"}]
8，orderBy對像排序
?
1
2
3
4
5
6
7
8
9
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | orderBy:'id':true }} //根id降序排
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | orderBy:'id' }} //根據id升序排
二，自定filter功能
我找了一個基本angularjs的mvc框架，phonecat，自定義filter也是在這基礎寫的，這個框架挺好用的。
1，filters.js添加一個mole
?
1
2
3
4
5
angular.mole('tanktest', []).filter('tankreplace', function() {
return function(input) {
return input.replace(/tank/, "=====")
};
});
2，app.js中載入這個mole
?
1
2
3
4
5
6
var phonecatApp = angular.mole('phonecatApp', [
'ngRoute',
'phonecatControllers',
'facebookControllers',
'tanktest'
]);
3，html中調用
?
1
{{ "TANK is GOOD" | lowercase |tankreplace}} //結果：===== is good
注意：| lowercase |tankreplace管道命令可以有多個
三、filter的兩種使用方法
1. 在模板中使用filter
我們可以直接在{{}}中使用filter，跟在表達式後面用 | 分割，語法如下：
?
1
{{ expression | filter }}
也可以多個filter連用，上一個filter的輸出將作為下一個filter的輸入（怪不得這貨長的跟管道一個樣。。）
?
1
{{ expression | filter1 | filter2 | ... }}
filter可以接收參數，參數用 : 進行分割，如下：
?
1
{{ expression | filter:argument1:argument2:... }}
除了對{{}}中的數據進行格式化，我們還可以在指令中使用filter，例如先對數組array進行過濾處理，然後再循環輸出：
?
1
<span ng-repeat="a in array | filter ">
2. 在controller和service中使用filter
我們的js代碼中也可以使用過濾器，方式就是我們熟悉的依賴注入，例如我要在controller中使用currency過濾器，只需將它注入到該controller中即可，代碼如下：
?
1
2
3
app.controller('testC',function($scope,currencyFilter){
$scope.num = currencyFilter(123534);
}
在模板中使用{{num}}就可以直接輸出$123,534.00了！在服務中使用filter也是同樣的道理。
此時你可能會有疑惑，如果我要在controller中使用多個filter，難道要一個一個注入嗎，這豈不太費勁了？小兄弟莫著急~ng提供了一個$filter服務可以來調用所需的filter，你只需注入一個$filter就夠了，使用方法如下：
?
1
2
3
4
app.controller('testC',function($scope,$filter){
$scope.num = $filter('currency')(123534);
$scope.date = $filter('date')(new Date());
}
可以達到同樣的效果。好處是你可以方便使用不同的filter了。