在父控制器的指令上设置 ng-model

Question

我有 2 个相邻的相同指令 (<jd-autocomplete>)，其中第 2 个的 ng-model 值应根据第 1 个的选定值设置。

<jd-autocomplete> 指令采用名为 ac-change（函数）的作用域属性，当该指令内部的 <input> 发生变化时，该属性会被调用。

看起来像这样：

<form>
    <jd-autocomplete ac-change="doChange" ng-model="entry.vendor"></jd-autocomplete>
    <jd-autocomplete ng-model="entry.category"></jd-autocomplete>
</form>

$scope.doChange = function(){} 作为父控制器上的方法存在，我将如何访问和设置该函数内的第二个指令的模型？

这是我的 plunkr：http://plnkr.co/edit/fTFM67wBcYtK6qdnjhNY?p=preview

Answer 1

分叉你plnkr

在编辑第一个文本框时，您将在第二个文本框中具有相同的值。现在您可以在 doChange 处理程序中编写自定义登录。

app.controller('AddFormController', [
    '$rootScope',
    '$scope',
    '$element',
    '$http',

    function ($rootScope, $scope, $element, $http){
        $scope.vendors      = [{'vendor_name':'hi', 'category_name': 'food'},{'vendor_name':'dude', 'category_name': 'food'}];
        $scope.categories   = [{'category_name': 'food'},{'category_name': 'gas'}];

$scope.entry = {};

  $scope.wrapper = {};
        $scope.wrapper.doChange = function(obj){
            console.log(obj);
            $scope.entry.category = obj;
        };

    }
]);