Javascript ng repeat循环中调用函数的问题
但结果并非如此。它可以填充任意id 代码中的逻辑是:-根据html文本(例如{{{details.SOA}),我正在更改该特定类的id。从动态上看,它不会发生 谢谢你的帮助 以下是数据示例`产品:[ { 组件:“test1” 国家海洋局:“140423.0745”, FMWTOOLS:“140423.0745” }, { 组件:“test2” SOA:“12.2.1.0.0-150420.1742”, FMWTOOLS:“12.2.1.0.0-150420.1742” }, { 组件:“test3” SOA:“12.2.1.0.0-150423.0100.0339”, FMWTOOLS:“12.2.1.0.0-150423.0100.0339” }, { 组件:“test4” 国家海洋局:“20140509.1601”, FMWTOOLS:“20140509.1601” }, { 组件:“test5” SOA:“12.1.4-150422.2254.0878”, Odint:“12.1.4-150422.2254.0878”, 网络中心:“12.1.4-150422.2254.0878”, FMWTOOLS:“12.1.4-150421.2315.0875” }, { 组件:“test6” SOA:“12.2.1.0.0-150423.0357”, Odint:“12.2.1.0.0-150423.0357”, FMWTOOLS:“12.2.1.0.0-150422.0715” } ]` 这是IDV1的cssJavascript ng repeat循环中调用函数的问题,javascript,angularjs,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,但结果并非如此。它可以填充任意id 代码中的逻辑是:-根据html文本(例如{{{details.SOA}),我正在更改该特定类的id。从动态上看,它不会发生 谢谢你的帮助 以下是数据示例`产品:[ { 组件:“test1” 国家海洋局:“140423.0745”, FMWTOOLS:“140423.0745” }, { 组件:“test2” SOA:“12.2.1.0.0-150420.1742”, FMWTOOLS:“12.2.1.0.0-150420.1742” }, { 组件:“test
this.getColour = function(a, b, c) {
var return_value = findColor(c);
if (return_value.indexOf("1F0101") >= 0) {
$("." + a + " ." + b).attr('id', 'v2');
} else if (return_value.indexOf("013D02") >= 0) {
$("." + a + " ." + b).attr('id', 'v3');
} else if (return_value.indexOf("575701") >= 0) {
$("." + a + " ." + b).attr('id', 'v4');
} else {
$("." + a + " ." + b).html("N/A");
$("." + a + " ." + b).attr('id', 'v1');
}
return 1;
};
}请正确设置代码格式。在使用JQuery对DOM进行更改后,是否尝试调用
$apply()
?能否发布odata_odi.PRODUCT的示例数据以及控制器代码?最好是使用plunker或JSFIDLE示例不要将jQuery和angular混合在一起。。。特别是在你的控制器里。。你到底想干什么do@hutingung这是odata_odi.产品样本数据。
this.getColour = function(a, b, c) {
var return_value = findColor(c);
if (return_value.indexOf("1F0101") >= 0) {
$("." + a + " ." + b).attr('id', 'v2');
} else if (return_value.indexOf("013D02") >= 0) {
$("." + a + " ." + b).attr('id', 'v3');
} else if (return_value.indexOf("575701") >= 0) {
$("." + a + " ." + b).attr('id', 'v4');
} else {
$("." + a + " ." + b).html("N/A");
$("." + a + " ." + b).attr('id', 'v1');
}
return 1;
};
#v1 {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #99CCFF; //
grey-moz-radial-gradient background-image: -moz-radial-gradient(center, circle farthest-side, #EDF6FF 0%, #C2E0FF
100%);
background-image: -webkit-radial-gradient(center, circle farthest-side, #EDF6FF 0%,
#C2E0FF 100%);
/* box-shadow: 1px 1px 1px #888888; */
border: 1px solid #ffffff;