早上好S.O.大师。我很难获得双向数据绑定的工作。双向数据绑定在其他控制器中工作没有问题,但是这个给我一个很难的时间。你能帮忙吗?双向数据绑定没有与控制器应用 - AngularJS
控制器/ HTML:
app.controller('search', function($scope, $http, $location) {
$scope.searchText = "";
\t $scope.searchRun = function() {
\t \t
\t \t
\t \t $scope.userQuery = "Last::Name+eq+"+$scope.searchText.replace(/ /g,"::")+"+or+First::Name+eq+"+$scope.searchText.replace(/ /g,"::")+"+or+Display::Name+eq+"+$scope.searchText.replace(/ /g,"::")+"+or+User::Login+eq+"+$scope.searchText.replace(/ /g,"::")+"+or+Manager::Display::Name+eq+"+$scope.searchText.replace(/ /g,"::");
\t \t
\t \t $http({
\t \t method: 'GET',
\t \t url: url
\t \t })
\t \t .then(function(res) {
\t \t \t
\t \t \t $scope.TransmutedUsers = {
\t \t \t \t users: [
\t \t \t
\t \t \t \t ]
\t \t \t };
\t \t \t //Looping through users making a new object
\t \t \t for(var i = 0; i < res.data.users.length; i++) {
\t \t \t \t //console.log(res.data.users[i].id);
\t \t \t \t var obj = {
\t \t \t \t \t id: res.data.users[i].id
\t \t \t \t };
\t \t \t \t for(var x = 0; x < res.data.users[i].fields.length; x++) {
\t \t \t \t \t //console.log(res.data.users[i].fields[x].name);
\t \t \t \t \t var nameVar = res.data.users[i].fields[x].name.replace(/\s+/g, '');
\t \t \t \t \t var valueVar = res.data.users[i].fields[x].value;
\t \t \t
\t \t \t \t \t obj[nameVar] = valueVar; \t \t
\t \t \t
\t \t \t \t }
\t \t \t \t \t $scope.TransmutedUsers.users.push(obj);
\t \t \t }
\t \t
\t \t \t console.log($scope.TransmutedUsers.users);
\t \t \t $scope.returnedUsersLength = $scope.TransmutedUsers.users.length;
\t \t \t console.log($scope.returnedUsersLength);
\t \t \t sessionStorage.setItem("searchActive", "true");
\t \t \t
\t \t \t
\t \t \t if ($location.url() != "/search") {
\t \t \t \t $location.url("/search");
\t \t \t }
\t \t \t
\t \t });
\t };
});
<nav class="navbar navbar-default navbar-fixed-top bg-color--brand-blue">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a class="navbar-brand" href="#"><img src="/images/logo.png" class="logo" alt=""></a></li>
<li><a href="/dashboard"><img src="/images/eAccess-logo-header.png" width="80" alt=""></a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="/profile">Welcome, <span>{{userName}}</span></a></li>
<li><a href="/profile">Contact Help</a></li>
<li><a href="/profile">Close Window</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="sub-header bg-color--light-grey">
<div class="container-fluid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-sm-3"><a href="/newrequest" class="btn btn-primary btn-sm">Make a Request</a></div>
<div class="col-sm-2 padding-right-none"><a href="/myprofile">My Profile</a></div>
<div class="col-sm-2 padding-left-none"><a href="/directs">My Direct Reports</a></div>
<div class="col-sm-2"><a href="/requests">My Requests</a></div>
</div>
</div>
<div class="col-sm-6">
<form ng-controller="search" ng-submit="searchRun();" class="pull-right">
<input type="text" placeholder="Search for people or requests" ng-model="searchText">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
<div class="container" id="Search" ng-controller="search">
<div class="row" id="SearchResultsUsers">
<div class="col-sm-12">
<div class="row">
<div class="col-sm-12">
<h1>Search Results: <i>{{searchText}}</i></h1>
</div>
</div>
<div class="row" ng-repeat="user in TransmutedUsers.users">
<div class="col-sm-12">
\t \t \t <h3><i class="fa fa-user-circle"></i> <strong>{{user.FirstName}}</strong> {{user.LastName}} <small>({{user.UserLogin}})</small> <span>{{user.Role}}</span></h3>
\t \t </div>
\t \t <div class="col-sm-12">
\t \t \t <p>{{user.JobTitle}}, <a href="mailto:{{user.Email}}" ng-show="user.Email">{{user.Email}}</a> <span ng-show="user.Phone">{{user.Phone}}</span> Reports to: {{user.ManagerDisplayName}}</p>
\t \t </div>
\t \t <div class="col-sm-12">
\t \t \t <p>Direct Reports: <span ng-show="user.DirectReports">{{user.DirectReports}}</span><span ng-show="!user.DirectReports">None</span></p>
\t \t </div>
</div>
</div>
</div>
</div>
SEARCHTEXT不CONSOLE.LOG但其不结合于{{SEARCHTEXT}}和网址中所指定格式的成功返回对象,但这对于{{}}也不起作用。
使用AngularJS 1.6
请让我知道,如果需要其他信息来帮助我解决这个难题。谢谢你们!
范围可以为您的功能外声明$ scope.searchText? – Sletheren
这摆脱了一个错误,但它仍然不是数据绑定。 – Adro