Question

我想在用户点击文字后显示以下模式。我不知道为什么它不起作用。

<span ng-model="nonrelevantData" style="cursor: pointer;
text-decoration: underline;"><b>non-relevant data</b></span>
<script type="text/ng-template" id="bs-example-modal-sm">
<div class="modal-body">
        ...
</div>
<div class="modal-footer">
      ...
</div>                                        
</script>

在js

$scope.$watch('nonrelevantData', function () {
    $modal({
        template: 'bs-example-modal-sm',
        scope:$scope.$new()
    });
}, true);

Answer 1

我修改了fancypants的plunkr（来自另一个问题）来制作Simple Modal Example

要收听点击，您不需要观察者。 ngClick directive可以用于此。

Answer 2

您可以将模态代码放在范围函数中，并以ng-click

调用该函数

$scope.openModal = function(){
    $modal({
            template: 'bs-example-modal-sm',
            scope:$scope.$new()
        });
}

标记

<div ng-click="openModal()">clik me to open</div>

单击文本后调用模态：Angularjs

2 个答案: