angularjs-выделите текст в абзаце - PullRequest
Новая
       7

angularjs-выделите текст в абзаце

0 голосов
/ 26 мая 2018

Я новичок в угловой JS.Итак, я хочу выделить определенный текст из HTML.

HTML CODE: 

                    <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>

Мой CSS (только выбранный класс): 

.selected {
  background-color: red;
}

УГЛОВЫЙ КОД: 

$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',
              });
            }
       });

    }

Я хочу выделить bookingDBID в угловых js, но текст не выделен.

enter image description here

я хочу выделить на изображении, что 152422082503328306779

booking_notif_id = bookingDBID хранилище результатов

Любое тело, имеющее любую идеюпожалуйста, помогите разобраться.Спасибо

1 Ответ

0 голосов
/ 28 мая 2018

Проверьте этот планер .

Вы можете иметь 

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>
...