角度UIブートストラップがコントローラにテキストボックス値を取得できません

Question

ユーザがテキストボックスに入力したsearch_nameの値を取得したいとします。誰もが間違いを指摘できますか？

<div ng-controller="AccordionDemoCtrl"> 
    <uib-accordion close-others="oneAtATime"> 
    <uib-accordion-group heading="Search"> 
     <p class="form-group"> 
      <label>Search Name</label> 
      <input type="text" ng-model="search_name" class="form-control"> 
     </p> 
     {{search_name}}</br> 
     <button type="button" class="btn btn-default btn-sm" ng-click="Myfunc()">Search</button> 
     <table ng-table="tableParams" class="table table-striped" fixed-table-headers="scrollable-area"> 
      <dir-pagination-controls max-size="5" direction-links="true" boundary-links="false" > </dir-pagination-controls> 
       <tr> 
        <td>Index </td> 
        <td>Name</td> 
        <td>ID</td> 
       </tr> 
        <tr ng-repeat="x in names " > 
        <td>{{ $index + 1 }} </td> 
        <td>{{ x.NAME }}</td> 
        <td>{{ x.ID }}</td> 
       </tr> 
     </table> 
    </uib-accordion-group> 
    </uib-accordion> 
</div> 
<script type="application/javascript"> 
angular.module('ui.bootstrap.demo', ['ngAnimate', 'ui.bootstrap']); 
angular.module('ui.bootstrap.demo').controller('AccordionDemoCtrl', function ($scope) { 
    $scope.oneAtATime = true; 
    $scope.names= {0:{'NAME':'John','ID':'albania'}}; 

    $scope.Myfunc = function() { 
    console.log($scope.search_name) 
    console.log($scope.names) 
    }; 

値を記録すると、定義されていません。

Answer 1

コントローラの機能にsearch_nameを渡す必要があります。これには2つの変更が必要です。あなたが値を渡す必要が

コントローラ

$scope.Myfunc = function(search_name) { 
    console.log(search_name); 
    console.log($scope.names); 
    }; 

HTML

ng-click="Myfunc(search_name)" 

Answer 2

あなたは$ scope.Myfunc = function（）を$ scope.Myfunc = function（search_name）に変更しましたか？