Html 如果bootstrap popover不工作，则角度ng

我正在使用上述代码。从那以后，我通过点击-info符号图标来显示一个popover，我使用ng if条件来显示/隐藏，而不是ng show和ng hide。我的问题是当我使用ng if时，popover不工作。但是popover在ng hide条件下工作，如果我删除ng if条件。我的问题是为什么popover在ng if条件下不工作。

明白了！是，ng if阻止呈现DOM元素，其中as ng show/ng hide仅更改显示css权限

请参阅angular文档的第一段以了解

明白了！是，ng if阻止呈现DOM元素，其中as ng show/ng hide仅更改显示css权限

---

请参阅angular文档的第一段，这里是演示ng if如何工作的示例

var-app=angular.module'myApp'，[]； app.controller'customersCtrl'，函数$scope，$http{ $scope.firstname=测试数据； }; 名字 姓

---

下面的示例演示了ng if的工作原理

var-app=angular.module'myApp'，[]； app.controller'customersCtrl'，函数$scope，$http{ $scope.firstname=测试数据； }; 名字 姓

---

您的意思是ng if完全删除显示css属性rightng if阻止HTML元素本身被呈现。是的，在您的场景中，它是合适的。每当您在DOM上有一些东西经常显示/隐藏时，您应该使用ng show，但在元素必须被永久删除的情况下，如果是添加/删除整个DOM元素，则使用ng ifng，因此，ng show/ng hideyou指的是ng if完全删除显示css属性Righting if阻止HTML元素本身被呈现。是的，在您的场景中，这是合适的。每当您在DOM上有一些经常显示/隐藏的内容时，您应该使用ng show，但在必须永久删除元素的情况下，如果是添加/删除整个DOM元素，则使用ng ifng，因此ng show/ng hide更重

<div class="form-group" ng-if="firstname">
    <label>First Name</label>
    <input readonly type="text" class="form-control" id="first_name" ng-model="firstname" placeholder="First Name">
    <a href="" data-toggle="popover" data-placement="bottom" data-trigger="focus" data-content="User Name" class="glyphicon glyphicon-info-sign infottp"></a>
</div>