如何使用ng-click控制器函數動態地更改ng-model

我是AngularJS中的新成員，我嘗試基於ng-click參數函數動態更改ng-model。因此，這裏是代碼：如何使用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_jurusan。 nama_jurusan來自searchFilter第二個參數。

注：我把data-ng-controller和data-ng-app前

來源

2016-12-01 imbagila

你是什麼'的意思和正在改變的是輸入值，而不是數據-NG-模型價值'在控制器中你沒有得到更新值？ –

@ A.J我被編輯了我的文章 – imbagila

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

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

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script data-require="[email protected]" data-semver="1.4.7" src="https://code.angularjs.org/1.4.7/angular.js"></script> 
 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.4.7/angular-filter.js"></script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="script.js"></script> 
 
</head> 
 

 
<body ng-app="DemoApp" ng-controller="akuaController"> 
 
    
 
<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 /> 
 
    
 
</body> 
 

 
</html>

來源

2016-12-01 04:30:07 Sajeetharan

它仍然與我的代碼 – imbagila

下載並檢查https://plnkr.co/edit/vEg87EVOCEctVw7k4FBf?p=preview – Sajeetharan

這不是我想要的。我被編輯了我的文章，只是再次檢查 – imbagila

如何使用ng-click控制器函數動態地更改ng-model

回答

相關問題