Question

<div ng-controller="SearchResultsTextCtrl" class="search-text search-results">
<div class="title" ng-if="showSearchResultsText && !showNoResultsMsg">
            <div id="searchKeyword" class="main">{{searchKeyword}}</div>
            <div class="num">Your search for <span style="font-style: italic">"{{searchKeyword}}"</span> returned <span id="searchResultCount">{{totalResults}}</span> {{searchResultsText}}</div>
        </div>
        <div class="no-results" ng-if="showNoResultsMsg">
            <div class="title">SORRY NO RESULTS FOUND</div>
            <p>Please try again</p>
        </div>
    </div>

    </div>

我是棱角分明的新手，所以有人可以指出我正确的方向来从#searchKeyword dom获取搜索结果。每次我通过jquery获取文档（＆＃39;＃searchkeyword＆＃39;）。html（）我得到{{searchKeyword}}的角度变量而不是margret river。

Answer 1

请使用可以使用的范围

$ scope.searchKeyword

或者您可以使用在元素上添加不同的模型名称

<div id="searchKeyword" ng-model="ngModel "class="main">{{searchKeyword}}</div>

在控制器中：

$scope.ngModel

Answer 2

您可以在html标记中使用ngModel（Angular的双向绑定），并将searchKeyWord作为范围变量。像这样：

<div ng-controller="SearchResultsTextCtrl" class="search-text search-results">
<div class="title" ng-if="showSearchResultsText && !showNoResultsMsg">
            <input type="text" id="searchKeyword" ng-model="searchKeyword" class="main" />
            <div class="num">Your search for <span style="font-style: italic">"{{searchKeyword}}"  </span> returned <span id="searchResultCount">{{totalResults}}</span> {{searchResultsText}}</div>
        </div>
        <div class="no-results" ng-if="showNoResultsMsg">
            <div class="title">SORRY NO RESULTS FOUND</div>
            <p>Please try again</p>
        </div>
    </div>

    </div>

在控制器中，您将获得更新的searchKeyword值。

Documentation on two way binding

Documentation on $scope

检索Angularjs变量输出

2 个答案: