0

AngularJS を使用して、HTML 内に部分ビューをロードできるようにしたいと考えています。

私が抱えている問題は、そのようなことをするときです:

mySite.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
        .when('/:slug', { templateUrl: '/Include', controller: 'RouteController' })
        .otherwise({ redirectTo: '/index' });
}]);

mySite.controller('AppCtrl', ['$scope', '$rootScope', '$http', function ($scope, $rootScope, $http) {
    $http.get('/Index').success(function (data) {
        $rootScope.pages = data;
    });

    $scope.$on('routeLoaded', function (event, args) {
        $scope.slug = args.slug;
    });
}]);

mySite.controller('RouteController', ['$scope', '$rootScope', '$routeParams', function ($scope, $rootScope, $routeParams) {
    var slug = $routeParams.slug;

    $scope.$emit('routeLoaded', { slug: slug });
    $scope.page = $rootScope.pages;
}]);

これを「マスタービュー」内に挿入しました

<div data-ng-view></div>

部分ビューは次のように単純です。

<div>{{page}}</div>

HTML コードを受け取りましたが、この HTML コードは解釈されずに表示されます。

編集：これは私が得たもののスクリーンショットです スクリーンショット

4

2 に答える 2

1

angular バージョン 1.0.7 で HTML コンテンツを表示するには:

<div ng-bind-html-unsafe="page"></div>

注: 最近のバージョンでは動作しなくなり、アプリ モジュールへの依存関係としてng-bind-html-unsafe注入する必要があります。ngSanitize

于 2013-09-16T11:43:41.717 に答える