У меня есть закладка с несколькими вкладками, которые однажды нажали на вызов службы, чтобы вернуть некоторые данные. Некоторые из этих данных возвращают html-формы и очень случайны. Я хочу собрать те значения, которые были введены, и отправить данные через службу обратно на сервер. Проблема в том, что я не могу получить данные из входных элементов в html, который я создаю динамически.
Я создал Plunker, чтобы показать, в чем проблема. Обратите внимание, что значение html может измениться в любое время, поэтому жесткое кодирование html не будет работать. Вот код от плункера, но, пожалуйста, посмотрите на плункер, чтобы получить лучший обзор того, что происходит.
app.js
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope, $sce, $compile) {
$scope.name = 'World';
$scope.html = "";
$scope.htmlElement = function(){
var html = "<input type='text' ng-model='html'></input>";
return $sce.trustAsHtml(html);
}
});
index.html
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.3/angular.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<p>Hello {{name}}!</p>
<div ng-bind-html="htmlElement()"></div>
{{html}}
</body>
</html>