創建NG-點擊treant.js圖

Question

我創建像這樣的敲落賽圖（名稱是隨機生成）按鈕： Diagram

創建圖形我創建樹精感謝輸入在我angularJS Java的腳本文件：

/* 
    Returns the HTML representing a match 
*/ 
var populateGraphCell = function(match) { 
    var content = ""; 
    if(match.registration_1 != undefined) { 
     content += registration_to_html(match.registration_1); 
    } else { 
     content += "<button ng-click='bonjour()'>Add registration 1</button>"; 
    } 
    content += "<br />"; 
    if(match.registration_2 != undefined) { 
     content += registration_to_html(match.registration_2); 
    } else { 
     content += "<button>Add registration 2</button>"; 
    } 
    content += "<br />"; 
    if(match.court != undefined) { 
     content += court_to_html(match.court); 
    } else { 
     content += "<button>Add court</button>"; 
    } 
    return content; 
} 
$scope.bonjour = function() { 
    console.log("hello") 
} 

，但我想知道是否有使用方式NG點擊？谷歌瀏覽器調試模式下，我可以看到NG單擊元素，但是當我點擊就沒有任何反應

Answer 1

那是因爲gular必須編譯它。你可以使用這樣的事情編譯：

$timeout(function() { 
    var element = $("your element id or class here"); 
    $compile(element)($scope) 
}); 

這裏是在對你是個plunker：http://plnkr.co/edit/ctcpBpg8YOhlnxPXRBB1?p=preview

順便說一句，這是不是一個好的做法。你不應該操縱你的DOM對象。這就是AngularJS存在的原因之一。你可以創建一些類型的指令。