问题标签 [angularjs-ng-if]

我正在使用 Google 地图学习 Angular，并且难以在 ng-if 指令控制的 div 内渲染地图。

对于我的应用程序，我希望在从 $scope.location 函数接收到坐标后渲染地图。然后我会单击一个按钮并调用 $scope.myRide 以便在地图上放置一个标记。但是，正在发生的事情是在我单击按钮之前地图不会呈现。$scope.map 中的坐标用作占位符，直到从 $scope.location 接收到实际坐标。任何帮助将不胜感激:)

以下是 HTML：

我有一个简单的 javascript 函数display(str)，我想在里面调用它ng-if。此功能不在控制器范围内

HTML

JS

小提琴

我有一个非常简单的 ng-if 构造，它使用两个 MD 按钮和一个 AngularJS 范围变量isPlaying。但是，ng-if 似乎不能与变量一起使用。当我使用控制台工具单击按钮时，我可以看到变量发生变化，但是 DOM 没有变化。奇怪的是，当我悬停其他 Angular 组件（例如主导航中的按钮）时，ng-if 似乎确实会触发。

HTML/MD/PHP:

JS：

我正在修复我们的 AngularJS 应用程序中的一些小问题——我遇到了下面的逻辑，它只显示一个链接。

在伪代码风格..

模板中的代码本身如下所示，如何修改下面的代码使其更清晰，并且我不会使用某种形式的单行第三语句来复制行？

我有一个使用 ng-ifs 显示不同数据的页面，我需要在同一页面上显示其中有多少是正确的。只是号码。HTML 很复杂，但我制作了一个更简单的版本来了解它是如何工作的。这是 HTML 的样子，并且数据也在页面上被处理，因此 ng-if 值在呈现后可以更改，因此页面上的计数应该随之更改。

我也做了一个plnkr。 http://plnkr.co/edit/5wdiSLhbHpOPJGjRn47L?p=preview

谢谢你。

I have a html page with different element, that according to some condition (the same condition) will be shown/hidden using Angular's ng-if.

In my controller, I create a boolean variable.

In my view, I listen to this variable using ng-if directive.

What will be better performance wise:

1. Write cleaner code BUT with multiple ng-if on this condition:

2. Write code duplication (in the view) BUT use single ng-if:

I will prefer writing code as displayed in example No.1, since it is more maintainable. But I concerned that this way a new $watch will be created for each ng-if.
Is that correct? does Angular create new $watch for each ng-if, although this is the same static condition (not return value of some function but a simple variable).

This question asked regarding the ng-if directive but relevant also to ng-show and ng-hide

我有一个代码<div class="flex-container" *ngIf="mail"> Some data </div>

我有一个错误Can't bind to 'ngIf' since it isn't a known property of 'div'.

我该如何解决？

我已经声明了一个变量authenticated，我想用它来显示或隐藏弹出窗口中的按钮。如果用户已经通过身份验证，则他应该只看到该按钮。

我尝试了h5ng-if部分中的变量，在这里它可以工作。我认为这只是数据内容字符串中的格式，因为当我检查页面时它不使用它，但它在源代码中显示它。ng-if

我正在尝试创建一个在控制器之间共享的通用加载。所以，我创建了一个控制隐藏/显示状态的服务：

这是加载控制器：

的HTML：

和指令：

当我更改 LoadingService 值时，它会触发 LOADING_CHANGED 事件。问题是 ng-if 没有按预期工作，尽管 data 变量具有正确的值。我错过了什么？

更新

更改为 ng-show 几乎可以解决问题。对于特定场景不起作用。我在尝试使用 html5 GeoLocation api 获取用户位置时显示加载，并在使用 10 秒后设置超时。

正在触发此 setTimeout 函数，但仍在显示加载。

我有 6 个单选按钮。我想要 3 个在一条线上，另外 3 个在另一条线上。我正在使用 ng-repeat 从 json 中检索单选按钮数据。我尝试将 ng-if 放置为偶数和奇数，但它不起作用，并且还使用了两个不同的 div 标签，但仍然没有得到。谁能帮我这个