javascript - 在 AngularJS 中用公式调用 Controller

Question

我在学习 AngularJS 时遇到了一些问题。我不是 100% 确定 Controller 是什么。例如，我有以下 html div，它仅显示 SQL 请求的结果:

<div ng-app="searchApp" ng-controller="searchCtrl"> 
<table>
        <tr ng-repeat="x in names"> 
        <td>{{ x }}</td> 
        </tr>
    </table>
</div>

这是 Controller :

<script>
var app = angular.module('searchApp', []);
app.controller('searchCtrl', function($scope, $http) 
{   
    $http.get("server.php")
    .then(function (response) 
    {
        $scope.result = response.data;
    })
    .then(function(response){
        console.log(response);
    })
});
</script>

server.php 返回一个简单的字符串数组，因此页面立即显示名称列表。我想在此页面上添加一个按钮，并仅在单击该按钮后显示此列表。我尝试添加一个表单:

<div ng-app="searchApp" ng-controller="searchCtrl"> 
<form class="well form-search">
    <button type="submit" class="btn" ng-click="search()">Search</button>
</form>
    <table>
        <tr ng-repeat="x in result"> 
        <td>{{ x }}</td> 
        </tr>
    </table>
</div>

但此表单正在调用 search() 函数，该函数目前不存在。我想改为调用 Controller 。

不知道我有没有说清楚，抱歉。

Answer 1

//template (no form tag needed)
<button type="button" class="btn" ng-click="search()">Search</button>

//controller
$scope.search = function(){
 $http.get("server.php")
    .then(function (response) 
    {
        $scope.result = response.data;
    })
    .then(function(response){
        console.log(response);
    })
}