Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng类在页面加载时自动替换我的css设置_Javascript_Html_Css_Angularjs - Fatal编程技术网

Javascript ng类在页面加载时自动替换我的css设置

Javascript ng类在页面加载时自动替换我的css设置,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,我正在努力学习一些关于AngularJS的知识。 所以我拿了一个JSON,把它分解成一个我用Angular创建的表。 我为这个表编写了几个CSS类,使它变得更好。 当我运行它时,我发现了一些非常令人震惊的事情,我可以在我的浏览器中看到我的表被更改了,并且自动得到了一个名为“ng binding”的类 我真的无法控制我的桌子风格,这很奇怪 是否有其他人遇到过这种情况,并且可以建议我如何更改/取消它,以便重新获得角度对象上的样式控制 多谢各位 var-app=angular.module('my

我正在努力学习一些关于AngularJS的知识。 所以我拿了一个JSON,把它分解成一个我用Angular创建的表。 我为这个表编写了几个CSS类,使它变得更好。 当我运行它时,我发现了一些非常令人震惊的事情,我可以在我的浏览器中看到我的表被更改了,并且自动得到了一个名为“ng binding”的类

我真的无法控制我的桌子风格,这很奇怪

是否有其他人遇到过这种情况,并且可以建议我如何更改/取消它,以便重新获得角度对象上的样式控制

多谢各位


var-app=angular.module('myApp',[]);
app.controller('customersCtrl',函数($scope,$http){
$http.get(“http://www.json-generator.com/api/json/get/chWykWNZcO?indent=2)然后(函数(响应){
$scope.myData=response.data;
$scope.Fun=函数(信息){
$scope.selected=info;
控制台日志(信息);
$scope.show=$scope.myData[info]。电子邮件;
});
});
身体{
保证金:0;
}
.style1{
边框:1px纯色灰色;
对齐:居中;
边界塌陷:塌陷;
高度:5000px;
}
.style2{
对齐:居中;
边界塌陷:塌陷;
宽度:252px;
位置:固定;
左:计算(50%-126px);
边际上限:0;
}
运输署{
边框:1px纯色灰色;
对齐:居中;
边界塌陷:塌陷;
}
.集装箱{
填充顶部:50px;
宽度:252px;
保证金:0自动;
}
一
二
三
单击一行以获取电子邮件地址:
{{show}

属性告诉Angular用给定表达式的值替换指定HTML元素的文本内容,并在该表达式的值更改时更新文本内容

通常,您不直接使用
ngBind
,而是使用类似于
{{expression}}
的双卷曲标记,但不太详细

如果在Angular编译模板之前,浏览器以原始状态即时显示模板,则最好使用
ngBind
而不是
{{expression}
。由于
ngBind
是元素属性,因此在加载页面时,用户无法看到绑定

这个问题的另一个解决方案是使用该指令

在您的情况下,这意味着:

<td>{{x.id}}</td>
{{x.id}
而不是

<td ng-bind="x.id"></td>

属性告诉Angular用给定表达式的值替换指定HTML元素的文本内容,并在该表达式的值更改时更新文本内容

通常,您不直接使用
ngBind
,而是使用类似于
{{expression}}
的双卷曲标记,但不太详细

如果在Angular编译模板之前,浏览器以原始状态即时显示模板,则最好使用
ngBind
而不是
{{expression}
。由于
ngBind
是元素属性,因此在加载页面时,用户无法看到绑定

这个问题的另一个解决方案是使用该指令

在您的情况下,这意味着:

<td>{{x.id}}</td>
{{x.id}
而不是

<td ng-bind="x.id"></td>


谢谢您的快速回复。当然,在这里分享我的问题之前,我会看一看,并尝试许多方法来改变这种状态,其中一种方法就是您在评论中建议的。这不会改变任何东西。对不起:)我是新加入stack的人,所以我认为他添加了您的名字peter。谢谢您的快速回复。当然,在shari之前ng我的问题在这里我看了一点,并尝试了许多事情来改变这种状态,其中之一就是你在评论中建议的。它不会改变任何东西。对不起:)我是新来的堆栈,所以我认为他添加了你的名字彼得。