Jquery Angularjs与语义问题

Jquery Angularjs与语义问题,jquery,angularjs,semantic-ui,Jquery,Angularjs,Semantic Ui,我在一个项目中工作,我们使用Angularjs和语义ui,但当模式弹出语义ui不允许我显示Angularjs的信息时 例如: 试验 试验 {{测试} 取消 拯救 var-app=angular.module('app',[]); app.controller('controller',['$scope','$http','$filter',函数($scope,$http,$filter){ $scope.hello=函数(){ $scope.testing=“它正在工作”; $('.ui.mo

我在一个项目中工作,我们使用Angularjs和语义ui,但当模式弹出语义ui不允许我显示Angularjs的信息时

例如:


试验
试验
{{测试}
取消
拯救
var-app=angular.module('app',[]);
app.controller('controller',['$scope','$http','$filter',函数($scope,$http,$filter){
$scope.hello=函数(){
$scope.testing=“它正在工作”;
$('.ui.modal').modal('show');
}
}]);

您需要像这样将模式放置在控制器分区内

演示:

代码:

<div ng-app='app' ng-controller='controller'>
  <button class='ui button blue' ng-click="hello()"><i class="write icon"></i>Test</button>

  <div class="ui test modal" >
    <i class="close icon"></i>
    <div class="header">TEST</div>
    <div class="content">
        {{testing}}
    </div>
    <div class="actions">
        <div class="ui black button">
            Cancel
        </div>
        <div class="ui positive right labeled icon button">
            Save
            <i class="checkmark icon"></i>
        </div>
    </div>
</div>


</div>

试验
试验
{{测试}
取消
拯救
<div ng-app='app' ng-controller='controller'>
  <button class='ui button blue' ng-click="hello()"><i class="write icon"></i>Test</button>

  <div class="ui test modal" >
    <i class="close icon"></i>
    <div class="header">TEST</div>
    <div class="content">
        {{testing}}
    </div>
    <div class="actions">
        <div class="ui black button">
            Cancel
        </div>
        <div class="ui positive right labeled icon button">
            Save
            <i class="checkmark icon"></i>
        </div>
    </div>
</div>


</div>