Делаю запрос для получения доступных способов оплаты.
Для некоторых приходят доп. поля. К примеру, для QIWI - номер телефона.
Не знаю как такое поле ввести под валидацию.
Код обработки результата:
<div id="payments">
<div payments-directive ng-repeat="payment in payments track by $index">
<span id="a2dCheckBox{{ payments[$index].id }}" data-discount="{{ payments[$index].discount }}" ng-click="setPayment(payment)"></span>
<img width="32" alt="{{ payments[$index].name }}" src="{{ payments[$index].icon }}">
<label>{{ payments[$index].name }}</label>
<span ng-if="payments[$index].discount>0">{{ payments[$index].extra }}</span>
<div
ng-if="payments[$index].addFields.length>0"
ng-bind-html="getHtmlContent(payments[$index].addFields)"
id="payDesc{{ payments[$index].id }}"
>addFields</div>
</div>
</div>
Пробую хотя бы значение присвоить:
$scope.getPayments = function() {
if ($scope.form.$valid ) {
$http({
url: url,
method: "GET",
data: {},
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
}).success(function(data) {
$scope.payments = data.payments;
$scope.showQIWI = true;
$scope.payment.qiwi = '9876543210';
$timeout(function() {
$scope.$apply(function() {
$scope.payment.qiwi = '9876543210';
});
});
});
}
};
Но бесполезно.
addFields
с сервера для QIWI:
<b>+7 </b><input
type="text" name="phone_for_qiwi" class="field_text" id="phone_for_qiwi" value=""
ng-show="showQIWI" show-valid
ng-model="payment.qiwi"
ng-click="alertQIWI()"
>
<br/>
QIWI - Электронная платёжная система. Оплата в терминалах и через QIWI Кошелек.
Вообще ничего не работает: ни ng-click
, ни значение не присваивается, ни валидация.
UPD1:
console.log(payment.qiwi)
показывает значение, но ng-model="payment.qiwi"
не подхватывает его.
UPD2:
Прошу прощения:
console.log(payment.qiwi) => console.log($scope.payment.qiwi)
UPD3:
Сейчас:
$scope.getHtmlContent = function(html){
var _html = $sce.trustAsHtml(html);
return _html;
};
Если сделать так:
$scope.getHtmlContent = function(html){
var _html = $sce.trustAsHtml(html);
var $html = $compile(_html);
return $html;
};
То получаю:
function (b,c,d){Sb(b,"scope");d=d||{};var e=d.parentBoundTranscludeFn,h=d.transcludeControllers;d=d.futureParentElement;e&&e.$$boundTransclude&&(e=e.$$boundTransclude);g||(g=(d=d&&d[0])?"foreignobject"!==ua(d)&&d.toString().match(/SVG/)?"svg":"html":"html");d="html"!==g?A(Yb(g,A("
").append(a).html())):c?Pa.clone.call(a):a;if(h)for(var l in h)d.data("$"+l+"Controller",h[l].instance);S.$$addScopeInfo(d,b);c&&c(d,b);f&&f(b,d,d,e);return d}