如何使用ng-click控制器函数

时间:2016-12-01 04:26:04

标签: javascript angularjs

我是AngularJS的新手,我尝试根据ng-click参数功能动态更改ng-model。所以这是代码:

HTML:

<ul class="dropdown-menu" id="search-dropdown-menu">
    <li>
        <a href="javascript:void(0);" data-ng-click="searchFilter('jurusan', '-')">
            -
        </a>
    </li>
    <li>
        <a href="javascript:void(0);" data-ng-click="searchFilter('jurusan', 'kd_jurusan')">
            Kode Jurusan
        </a>
    </li>
    <li>
        <a href="javascript:void(0);" data-ng-click="searchFilter('jurusan', 'nama_jurusan')">
            Nama Jurusan
        </a>
    </li>
</ul>

<input type="text"
    class="form-control input-sm"
    data-ng-model="search"
    placeholder="Cari data . . ."
    autofocus />

AngularJS:

/**
 *  Controller
 */
    akuaApp.controller('akuaController', function($scope)
    {
        $scope.searchFilter = function (model, value) {
            $scope.search = 'search.'+value;
        };
    });

正在改变的是输入值,而不是data-ng-model值。我试图阅读所有教程,但我仍然没有得到它。有人可以帮助我,谢谢:)

已编辑: (抱歉我的英语不好)

所以我想要的是,让我说点击这个

<a href="javascript:void(0);" data-ng-click="searchFilter('jurusan', 'nama_jurusan')">
    Nama Jurusan
</a>

点击后,我希望这个data-ng-model属性值从search变为search.nama_jurusannama_jurusan来自searchFilter秒参数。

注意:我之前是data-ng-controllerdata-ng-app

1 个答案:

答案 0 :(得分:1)

numAccounts = numAccounts+1;
var app = angular.module('DemoApp', [])
app.controller('akuaController', function($scope) {

  $scope.searchFilter = function(model, value) {
    $scope.search = 'search.' + value;
    alert($scope.search);
  };
});