angularjs将文本突出显示到段落中

angularjs将文本突出显示到段落中,angularjs,angularjs-ng-repeat,Angularjs,Angularjs Ng Repeat,我是新手。因此,我想突出显示HTML中的某些文本 HTML代码: <div class="form-label logs-wrap" ng-repeat="x in res track by $index" ng-click="getBookingLog(x.bookingDBID)" ng-class="{selected: x.bookingDBID === bookingDBID}"> <

我是新手。因此,我想突出显示HTML中的某些文本

HTML代码:

                    <div class="form-label logs-wrap" ng-repeat="x in res track by $index" ng-click="getBookingLog(x.bookingDBID)" ng-class="{selected: x.bookingDBID === bookingDBID}">

                      <span class="form-label">{{x.xml}}</span>
                    </div>
                  </div>

角度代码:

$scope.bookingDBID = null;
    $scope.getBookingLog = function(bookingDBID){
      $scope.book = {};
      $scope.book.PID = $stateParams.id;
      $scope.book.bookingDBID = bookingDBID;

      $scope.showloader=true;
      var Indata ='data='+angular.toJson($scope.book)+'&method=getBookingLog&service=bookings';
      $http({
         method: 'POST',
         url: 'sl/service/middleservice.php',
         headers: {'Content-Type': 'application/x-www-form-urlencoded'},
         data: Indata
         }).success(function (response) {
            // console.log(response);

            $scope.showloader=false;
            if(response == 'noSession')
            {
              location.href = 'login.php';
            }else
            {
              if(response)
              {
                $scope.res = response.reverse();              
                $scope.cnt = $scope.res.length;
              }
              $scope.loadingdiv= false;
              $scope.$modalInstance1 = $modal.open({
                  scope: $scope,
                  templateUrl: "bookinglog.html",
                  size: 'lg1',
              });
            }
       });

    }
我想在angular js中突出显示一个bookingDBID,但不突出显示任何文本

我想在这张照片上强调一下 152422082503328306779

预订\u notif\u id=bookingDBID结果存储

任何人有任何想法,请帮我整理一下。谢谢

你可以

xmlTransform = function(data) {
    var x2js = new X2JS();
    var json = x2js.xml_str2json( data );
    return json.guitars.guitar;
};

$http.get('guitars.xml', {transformResponse:xmlTransform}).
            success(function(data, status) {
                 $scope.dataSet = data;
            }).
            error(function(data, status) {
                console.log("Request failed " + status);
            });
html

<div ng-controller="AppController" >
 <ul>
    <li ng-repeat="guitar in dataSet">
       <div class="selected"> {{guitar.model}} </div> <!-- HERE YOU HAVE HIGHLIGHTED -->
       <div>{{guitar.introyear}}</div>
    </li>
  </ul>
</div>

  • {{吉他.模型} {{吉他。新年}

您是否以
xml
的形式获得响应?这是我在amazon bucket s3服务上创建的页面,是的,我在ShashankVivek获得响应检查我的答案并让我知道这是否是您需要的您可以在我的代码中应用吗@ShashankVivek请检查我的最新plunkr
<div ng-controller="AppController" >
 <ul>
    <li ng-repeat="guitar in dataSet">
       <div class="selected"> {{guitar.model}} </div> <!-- HERE YOU HAVE HIGHLIGHTED -->
       <div>{{guitar.introyear}}</div>
    </li>
  </ul>
</div>