Question

我是angularjs的新手。我试图将控制器中的内容显示为HTML，但我在控制台中获取数据，而我无法在浏览器中显示它。

我的HTML代码：

<ion-list >
      <ion-item ng-repeat="item in taskdetails" item="item" class="item-remove-animate  item " class="itembg" on-swipe-right="showcard(item._id)" on-hold=" data.showReorder = !data.showReorder">
      <span class="toptask" ng-hide="task.hide">
     <span style="opacity:0.8"> {{ item.title| limitTo:10 }}<span ng-show="item.title.length> 10"><b> ...</b></span></span>
        <small class="time " style="float:right;">  <i class="button button-icon icon ion-play balanced" ng-class="{ 'ion-pause assertive': !data.paused, 'ion-play balanced': data.paused}" ng-click="play5(item.id)" ></i>
            </small>
        <div style="float:right;margin-right:5px; font-size: 32px;
  position: absolute;
  right: 10px;
  top: 10px;
  color: black;" class="time icon ">
          <i ng-class="{ 'ion-gear-b': data.paused, 'ion-loading-c spin': !data.paused}" class=" icon balanced" ng-click="showcard(item.id)"></i>
        </div>
        </span>
          </ion-item>
          </ion-list>

控制器

$scope.openTasks = function (impFlag, urgFlag) {
        console.log("important came as: " + impFlag + " , urgent falg came as: " + urgFlag);
        quadrantservice.gettask.get({
            important: impFlag,
            urgent: urgFlag
        }).$promise.then(function (result) {
            $scope.taskdetails = result;
            console.log('task detailssssssssssssss' + JSON.stringify($scope.taskdetails));
            /*$state.go('listoftask', {
                important: impFlag,
                urgent: urgFlag
            });*/
        });

$state.go('/listostasks');
    }

我在控制台中获取数据，但我无法在＆＃39; listoftasks＆＃39;状态。

Answer 1

您需要监视数据更改，因为数据不可用，因此您需要观察更改并相应地反映。

$scope.$watch('taskdetails',function(newVal){
           if(typeof newVal !='undefined'){
             $scope.taskdetails=newVal;
           }
});

//将它放在你的主控制器中。

如何在angularjs中的HTML页面上显示控制器中的内容？

1 个答案: