Как связать данные angular.js с импортированным html? - PullRequest
Новая
       54

Как связать данные angular.js с импортированным html?

0 голосов
/ 20 марта 2019

Я импортировал внешний локальный html-файл (index2.html) в div моего html-файла (index.html, #container). Я хочу использовать angular для привязки значений данных к некоторым тегам в импортированном html-файле. Вот мой код до сих пор - http://plnkr.co/edit/APXdpQzRUOfGehqSAJ9l?p=preview

index.html 

<div id="container" ng-app="myApp" ng-controller="myController"></div>

<script type="text/javascript">
  $(function() {
    $("#container").load("index2.html");
  });

  var app = angular.module('myApp', []);
  app.controller('myController', function($scope) {
    $scope.name = "test";
  });     
</script>

index2.html 

<div id="container2">
 <p>test content:</p>
 <p>{{name}}</p>
</div>

Тем не менее, он просто отображается как текст {{name}}, а не «test». Вместо этого я попытался поместить 'ng-app' и 'ng-controller' в # container2, но он все тот же.

1 Ответ

0 голосов
/ 20 марта 2019

Смешивание AngularJS и jQuery создавало проблемы!

Я нашел свой ответ - я использовал ng-include для импорта html вместо функции загрузки. 

<div id="container" ng-include="'index2.html'" ng-app="myApp" ng- 
controller="myController"></div>
...