Angularjs和SemanticUI問題

Question

我正在一個項目中工作，我們正在使用Angularjs和semantic-ui，但是當模態彈出式語義-ui不讓我顯示Angular的信息時。

例如：https://jsfiddle.net/rhm3fkn4/5/

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

<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> 

var app = angular.module('app', []); 
app.controller('controller', ['$scope', '$http', '$filter', function($scope, $http, $filter) { 
    $scope.hello = function() { 
    $scope.testing="It's working"; 
    $('.ui.modal').modal('show'); 
    } 
}]); 

Answer 1

您需要的模式放置控制器DIV中。像這樣。

演示：here

代碼：

<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>