问题标签 [ng-style]

我有一些使用 ng-style 的内容，这是模板 html 的一部分：

breddeCSS 在此处的控制器中定义：

模板获取边距样式，但仅在站点首次加载时。如果我更改 $scope.bredde，只有在刷新页面时我才能看到更改！

我希望每次更新 $scope.bredde 时页面都会动态更改。我怎样才能做到这一点？

我在做什么：我正在创建两个属性指令：一个将元素向左移动，另一个将元素在页面上居中。请参阅下面的代码。请注意，我正在操作ng-style以设置这些 css 属性（将元素向左移动，并在页面上居中）。

问题：
当我在一个元素上使用两个指令时，第二个指令scope.style={}显然会覆盖第一个指令。
这意味着我不能同时应用两个ng-style/ 属性。

我的问题：
什么是实例化scope.style对象的简单方法，以便我可以在两个指令中使用它而不重新创建对象？

我正在尝试找到一个简单的解决方案，该解决方案可以轻松地针对多个元素指令进行扩展，而无需编写大量杂乱的代码。（我不想在每个指令中创建一个特殊的控制器来适应共享 scope.style 对象）。

请指教。非常感谢！

这是 html：
数据来自 json 文件，但这并不重要。

以下是 AngularJS 代码片段：

我有一个动态ng-repeat，用户可以在其中更改项目数。

简化的 JS：

HTML：

问题：

添加新项目时，该ng-style指令不会调用函数。getBoxBackgroundColor

有什么建议吗？

谢谢！

给定这个例子：

谁能告诉我如何将grid-resize指令的高度和宽度绑定到 DOM 元素？我希望 DOM 元素更改时更改角度属性。

在控制器中，我们有两个 ng 样式的对象。

我们想在 ng 风格中使用这两者，像这样

不管用。

不可能像

$scope.style = { paddingRight : '11px', paddingTop : '7px' } 我们怎样才能做到这一点？

我开始使用 Angular 并创建我的“小”项目。我提出了模板问题。

基本上，我尝试使用角度为元素动态设置颜色。我不知道什么是最好的和“正确”的方法。

可以在范围内使用 if 语句吗？还是更好的使用指令？

我的主要目标是能够将颜色从管理模式设置为工具栏及其图标。

谢谢你的回答。

我有一个模板，我在其中调用一个函数，我有一个指令元素，

该函数在指令内，

如您所见，我将 my 设置MovieRowCtrl为.container-wrapper.

因此，当updateSelectedMovie(movie)函数触发时，它将设置$scope.rowActive为 true（显示元素）并将_movie-info.html模板注入%movie-details元素中。

这工作正常。

在那个_movie-info.html模板中，我有这个，

结果，

所以它为元素创建了一个 ng-style 和一个 normale 样式属性。

问题是，当我触发该属性时，updateSelectedMovie(movie)该ng-style属性会使用新的 url 进行更新，但样式属性不会更改。

任何想法为什么ng-style会更新，但另一个style没有？

我的所有标签/导航视图都使用皇家颜色。我有一个设置选项卡，所有用户都可以通过选择其中一个单选按钮来切换主题颜色。例如，如果用户选择深色主题，则所有选项卡颜色都将切换为深色。我怎么能做到这一点？

您的帮助将不胜感激。

I want to combine 2 styles in my ng-style, one of them is conditional style.

How can I combine both of them without override the width in case the condition is false?

the following isn't good since it's override 'width' property if the condition is falsefalse:

我希望仅使用 div、ng-class、ng-style 和 css3 样式来禁用弹出窗口和背景屏幕。我不想使用引导模式。我一直在努力完成这项工作。我正在尝试显示和隐藏弹出窗口，但它所做的只是禁用屏幕而不显示弹出窗口。下面是代码

html代码

CSS 代码

任何帮助，将不胜感激