Javascript 将指令中的值传递给ng模型-安格拉斯
嗨，我正在尝试创建一个指令，向我的ng模型传递一些值， 在我的指令中，我在指令中有一个控制器，我想在ng模型中传递它的值 假设我有一个字符串值，当我单击$scope.speakUP时，它应该传递给ng模型Javascript 将指令中的值传递给ng模型-安格拉斯,javascript,angularjs,Javascript,Angularjs,嗨，我正在尝试创建一个指令，向我的ng模型传递一些值， 在我的指令中，我在指令中有一个控制器，我想在ng模型中传递它的值 假设我有一个字符串值，当我单击$scope.speakUP时，它应该传递给ng模型 .directive('speak', function(){ return { restrict: 'A', require: 'ngModel', scope: true,
.directive('speak', function(){
return {
restrict: 'A',
require: 'ngModel',
scope: true,
template: '<i ng-click = "speakUP()" class="icon ion-mic-a larger"></i>',
controller: function($scope, $element){
$scope.speakUP = function(){
$scope.passThisString = "Sample Data";
}
}
<input type="text" ng-model="sampleModel" speak>
这是一个快速的示例，您可以从中开始实施您的目标
app.directive('inputField', function () {
return {
require: '?ngModel',
template: '<input ng-model="value" ng-change="onChange()"><i ng-click="speakUP()" class="icon ion-mic-a larger">click</i>',
link: function ($scope, $element, $attrs, ngModel) {
if (!ngModel) return;
$scope.speakUP = function(){
ngModel.$setViewValue('your data');
ngModel.$render();
}
$scope.onChange = function() {
ngModel.$setViewValue($scope.value);
};
ngModel.$render = function() {
$scope.value = ngModel.$modelValue;
};
}
};
});
这是一个快速的示例，您可以从中开始实施您的目标
app.directive('inputField', function () {
return {
require: '?ngModel',
template: '<input ng-model="value" ng-change="onChange()"><i ng-click="speakUP()" class="icon ion-mic-a larger">click</i>',
link: function ($scope, $element, $attrs, ngModel) {
if (!ngModel) return;
$scope.speakUP = function(){
ngModel.$setViewValue('your data');
ngModel.$render();
}
$scope.onChange = function() {
ngModel.$setViewValue($scope.value);
};
ngModel.$render = function() {
$scope.value = ngModel.$modelValue;
};
}
};
});