angularjs - 单击 ng-click 功能时,ng-repeat 不更新
问题描述
我有一个 GET 函数来列出名称,以及另一个由 ng-click 触发的函数,它需要更新 ng-repeat,其中名称列表由 get 函数显示。但它不起作用。这是我的代码:
GET 函数显示的容器:
<div class="container names-container" ng-controller='namesCtrl'>
<div ng-repeat='name in names.pData'>
<div class="name-box chiuv">
<p class="name-name">{{ name.name }} {{ name.last_name }}</p>
<p class="name-date">{{ name.date}}</p>
</div>
</div>
使用 ng-click 搜索模式
<div class="output">
<input type="text" class="form-control" name="output" id="nameH" ng-model="inputName" placeholder="Search by name">
</div>
<div class="hebk"></div>
<button class="search-btn" ng-click="searchName()">SEARCH</button>
功能
var fetch = angular.module('myapp', []);
fetch.controller('namesCtrl', ['$scope', '$http', function($scope, $http) {
$scope.getNames = function() {
$http({
method: 'get',
url: '<?= base_url(); ?>/display/getNames'
}).then(function successCallback(response) {
// Assign response to users object
$scope.names = response.data;
});
}
$scope.getNames();
$scope.searchName = function() {
$scope.names = '';
$http({
method: 'post',
data: {
name: $scope.inputName
},
url: '<?= base_url(); ?>/display/searchNames'
}).then(function successCallback(response) {
// Assign response to users object
$scope.names = [];
$scope.names = response.data;
});
}
}]);
解决方案
推荐阅读
- r - 如何在函数中自动粘贴被调用变量的名称
- laravel - 为一个角色授予多个权限 - Spatie
- python - 我在 Python Selenium 中使用了 Select 但无法选择值
- java - 无法在 docker 容器中启动 H2o 集群,因为它无法绑定外部或主机 ip
- sql-server - 根据组条件将名称分配给其他行
- python - Python - 我的 Web 应用程序一直显示“Hello World!”
- c# - 将多个选定行从一个网格复制到另一个
- c - 对齐陷阱(memcpy 时)
- php - Elasticsearch-php 5.x - 无法放置模板
- python - 用于检查大 URL 列表中损坏链接的 Python 工具