Javascript 尝试使用angularjs将一个输入值更新为另一个输入值

我对使用AngularJS还相当陌生，但我一直在使用AngularJS进行一个宠物项目，我遇到了一个问题。我主要想做的是从这个输入字段中获取文本输入：

<form id="ci_search_form">
    <p class="input-append"><label>Search:</label> <input type="text" id="query" ng:model="query" autofocus> <button ng:click="clearSearch()" class="btn"><i class="icon-remove"></i></button></p>
</form>

编辑2

取得了一些进展。在$scope中创建了一个可称为update ciquery的函数：

var App = angular.module('TicketAssistApp', []);

App.controller('SearchController', function($scope, $http, $filter){
    $scope.query = '';
    $scope.ciquery = '';

    $http.get('static/ci_list.json').success(function(data){
        $scope.ci_list = data;
    });

    $scope.queryUpdate = function(){
        $scope.ciquery = $scope.query;
    }

    $scope.clearSearch = function(){
        $scope.query = '';
        $scope.queryUpdate();
    }
});

这很有效。然而，这又产生了另一个问题。在ciquery之前，我使用ciquery.Name只对Name属性进行过滤。使用此新解决方案，我必须将其更改为：

<div><input type="hidden" id="ciquery" ng:model="ciquery"></div>

---

这将搜索“我的数据”中返回不需要的结果的所有字段。建议？

$范围和ng模型是不同的。您应该将ng模型的属性赋予ng click的函数。看看这个->

要更新第二个输入的字段，请参见示例->

---

对不起，Kylee，这一次我很难跟上。您是否可以将其放入jsfiddle.net中？

var App = angular.module('TicketAssistApp', []);

App.controller('SearchController', function($scope, $http, $filter){
    $scope.query = '';
    $scope.ciquery = '';

    $http.get('static/ci_list.json').success(function(data){
        $scope.ci_list = data;
    });

    $scope.queryUpdate = function(){
        $scope.ciquery = $scope.query;
    }

    $scope.clearSearch = function(){
        $scope.query = '';
        $scope.queryUpdate();
    }
});

<div><input type="hidden" id="ciquery" ng:model="ciquery"></div>

<div><input type="text" id="ciquery" ng:model="query"></div>