Question

我有一个JSON服务，它将返回JSON内容，例如：

{
"page":"1",
"content":"<a href='#' ng-click='goToPage(135)'>Link to page 135</a>"
}

现在，我对该内容的处理是我在页面中替换它并且该部分实际上正在工作。

我在html页面中有什么：

<div id="storyContent" ng-bind-html="content">

但是，当替换内容时，事件不会绑定到我的angularJS函数。这是我的angularJS代码：

var castleDeathApp = angular.module('castleDeathApp', ['ngRoute', 'ngSanitize']);

castleDeathApp.controller('PageCtrl', function ($scope, $http, $sce) {
    currentPage = localStorage.getItem('currentPage');

    $scope.title = 'Page '+currentPage;

    $http({
        url: "/Service/Page/1",
        method: "GET"
    }).success(function(data, status, headers, config) {
            $scope.content = $sce.trustAsHtml(data.content);
        });

    $scope.goToPage = function(pageNumber) {
        alert(pageNumber);
        localStorage.setItem('currentPage', pageNumber)

        $http({
            url: "/Service/Page/"+pageNumber,
            method: "GET"
        }).success(function(data, status, headers, config) {
                $scope.content = data.content;
        });
    }

});

我很确定我必须告诉AngularJS我不会将到达的数据（来自http调用）绑定到控制器。

更新1：

我使用$ compile标题，有人知道这将如何集成到我的代码中吗？

通过JSON服务检索的Html内容不会绑定到AngularJS事件

0 个答案: