0

Я начинающий web-программист, не судите строго с:

Не работает angular в HTML из сервера PHP,код HTML приходит с сервера, а angular не читает свои директивы в этом куске кода к примеру: вот на сервере я отдаю HTML с angular выражением

echo "<h2>{{1+2}}</h2>"; 

вот frontend

app.controller('btnCtrl',function($scope,$http,$sce){

       $scope.sce = $sce;
       $scope.showBlock = function(e){ 


          $http({url:"/product/form",method:"post"}).then(
             function success(res){

               //в dataHtml хранится <h2>{{1+2}}</h2> строка из PhP
               $scope.dataHtml = res.data;
               console.log(res);
             },
            function error(res){
              console.log(res);
            });  
     }
});

вот index.html

        <div ng-controller="btnCtrl">
              <div ng-bind-html="sce.trustAsHtml(dataHtml)"></div>  
        </div>

выводится у меня что-то типа {{1+2}} а хочется что бы 3

думал может есть какая нибудь функция в angular на такой случай. Функция которая говорит: angular!!! смотри у тебя появились еще выражения прочти их! и он такой Ок бро и выводит 3 вместо {{1+2}} ))))

angularjs/1.7.2 всё на фрэймврке Yii2 .

надеюсь вопрос понятный )

3
  • А если сразу в коде прописать {{1+2}}, отрабатывает как положено? Почему бы не сделать вычисления на сервере? Возможно angular видит это как обычную строку, потому что она приходит после инициализации. 13 июл 2018 в 6:30
  • Здесь всё не так вообще, надо ещё раз поизучать примеры и документацию Angular. Без обид. Иначе потратите время впустую.
    – diproart
    13 июл 2018 в 7:15
  • Полностью согласен с @diproart.@Grayd2 вам следует еще по изучать ангуляр, что бы понять его концепцию. 13 июл 2018 в 11:46

1 ответ 1

0

Вам для этого надо сообщить анугляру, что пришел текст с выражением и его надо обрабатывать. Для этого существует $compile сервис.

Пример.

angular
  .module("myModule", [])
  .controller("myController", ['$scope', '$compile', function($scope, $compile) {
    $scope.txt = "<b>result = {{1+2}}</b>";
    $scope.submit = function() {
      var html = $compile($scope.txt)($scope);
      var $elem =  angular.element(display);
      $elem.empty();
      $elem.append(html);
    }
  }]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<body ng-app="myModule">
  <div ng-controller="myController">
    <textarea ng-model="txt"></textarea>
    <input type="button" value="submit" ng-click="submit()" />
    <div id="display"></div>
  </div>
</body>

P.S. Хоть данный ответ и решает вашу проблему, то что вы хотите сделать, делается в ангуляре совсем не так. Что бы показать блок, не надо запрашивать html у сервера. Данный html должен загружаться по роутингу как компонент или уже быть на странице.

1
  • Спасибо помог. Ооочень полезная инфа С:
    – Grayd2
    13 июл 2018 в 11:19

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.