Угловое выражение используется совместно, но не в виде значения выражения

0

Вот мой угловой контроллер: var myApp = angular.module('myApp', []);

  myApp.controller('GreetingController', ['$scope', '$sce',     function      ($scope, $sce) {
  $scope.greeting = 'my test goes here';
  $scope.url = "http://google.com";
  var shartthis = "<div addthis-toolbox class='addthis_toolbox   addthis_default_style addthis_32x32_style' addthis:url='{{url}}' ng-attr-addthis:title='{{greeting}}'><a class='addthis_button_facebook'></a><a class='addthis_button_twitter'></a> <a class='addthis_button_google_plusone_share'></a><a class='addthis_button_compact'></a><a class='addthis_counter addthis_bubble_style'></a> <script type='text/javascript'>var addthis_config = {'data_track_clickback': false, 'data_track_addressbar': false ,};</script></div>";
  $scope.shartthishtml = $sce.trustAsHtml(shartthis);
   } ]);

и это моя HTML-страница:

<body ng-controller="GreetingController" ng-model="greeting">
<div ng-model="greeting">
{{greeting}}
</div>
<div ng-bind-html="shartthishtml"></div>

Показывается кнопка Sharethis, но при совместном использовании чего-то, что отображает угловой синтаксис, а не его значение.

Изображение 174551

нет никакой ошибки консоли

  • 0
    Вы видите сообщение об ошибке в консоли разработчика?
  • 0
    <div ng-model = "приветствие"> Это может быть ошибка .. удалите ng-модель из <div>
Теги:
sharethis

1 ответ

1
myApp.controller('GreetingController', ['$scope', '$sce',     function      ($scope, $sce) {
  $scope.greeting = 'my test goes here';
  $scope.url = "http://google.com";
  var shartthis = "<div addthis-toolbox class='addthis_toolbox addthis_default_style addthis_32x32_style' addthis:url='{{url}}' ng-attr-addthis:title='{{greeting}}'><a class='addthis_button_facebook'></a><a class='addthis_button_twitter'></a> <a class='addthis_button_google_plusone_share'></a><a class='addthis_button_compact'></a><a class='addthis_counter addthis_bubble_style'></a> <script type='text/javascript'>var addthis_config = {'data_track_clickback': false, 'data_track_addressbar': false ,};</script></div>";
  $scope.shartthishtml = $sce.trustAsHtml(shartthis);
   } ]);





 <body ng-controller="GreetingController">
<div>{{greeting}}</div>
<div ng-bind-html="shartthishtml"></div>
</body>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню