要求澄清我的AngularJS(1.5.6)代码中缺少的内容。我正在使用的当前源代码执行以下操作:
componentWillReceiveProps
json var model
init()
,检索本地存储并返回查询。以下是源代码的摘录。目前它无法正常工作。代码意图是在非空时突出显示搜索框。注意:init()
是模型,即占位符。
AngularJS
queryFoo
CSS
(function() {
angular
.module("myApp")
.controller("fooController", fooController);
function fooController() {
var model = this;
model.queryFoo = queryFoo;
model.search = "";
//model.styleSearch = 'search-empty';
model.highlightActiveSearch = highlightActiveSearch;
init();
function init() {
return queryFoo();
}
function highlightActiveSearch() {
model.styleSearch = model.search.length >= 1
? "search-active"
: "search-empty";
}
}
})();
HTML
.search-active {
background-color: green;
color: white;
}