javascript - 从链接函数 angularJs 在 UI 中显示数据

Question

我必须为链接函数内的 $scope 变量分配一个值，并且该值必须显示在 UI 中。但是，我无法在 UI 上显示它。

我的代码如下:

用户界面:

<div> {{articleContent}}</div>

链接功能:

app.directive('member', function($compile,$http,getTocService) {
    return {
        restrict: "A",
        replace: true,
        scope: {
            member: '=',
            articleData: '=',
            articleContent: '=',
            articleDetails: '='
        },
        template: "<div><li ng-if='member.title'><a href='#' ng-click='getContent(member.itemId)'>{{member.title}}</a></li></div>",
    link: function(scope, element, attrs) {
                scope.getContent = function(itemId) {
                    getTocService.getArtData(itemId, function(data){
                        var articleDetails = data.data.getArticleResponse.articleDetail.articleContent;
    scope.$parent.articleContent = articleDetails;

                        alert(articleDetails);
                    });
                }
    }
});

Controller :

app.controller('apdController', function($scope, getTocService,$location) {
    var bookId = $location.search().id;
    var sampdata = getTocService.getToc(bookId);
    $scope.tasks =sampdata;
    $scope.articleContent = '';

});

我想显示articleContent变量的数据。有人可以帮我吗..

Answer 1

link: function(scope, element, attrs) {
      scope.getContent = function(itemId) {
      getTocService.getArtData(itemId, function(data){
            var articleDetails = data.data.getArticleResponse.articleDetail.articleContent;

            // Assign your's scope article content here
            scope.articleContent = articleDetails;
            alert(articleDetails);
      });
}

你的 html 应该是这样的，

<member member="myMember" article-data="myData" article-content="articleContent"> </member>
<div> {{articleContent.content}}</div>