获取Angularjs变量输出

Retrieving Angularjs Variable output

本文关键字：输出 变量 Angularjs 获取      更新时间：2023-09-26
<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('#searchkeyword').html()获取文档时，我得到的角变量是{{searchkeyword}}}，而不是margaret river。

请使用

scope.searchKeyword美元

或者您可以在元素

上添加不同的模型名称
<div id="searchKeyword" ng-model="ngModel "class="main">{{searchKeyword}}</div>

And in controller:

$scope.ngModel

你可以在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值。

双向绑定文档

$scope

相关文章：