javascript - 调用 AngularJS 控制器有哪些不同的方法？

Question

寻求澄清我的 AngularJS (1.5.6) 代码中缺少什么。我正在使用的当前源代码执行以下操作：

1. 定义var modeljson
2. 来电init()
3. 运行init()检索本地存储并返回查询。

以下是源代码的摘录。目前它不工作。代码意图是在搜索框不为空时突出显示它。注意：queryFoo是模型，即占位符。

AngularJS

(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";
    }
  }
})();

CSS

.search-active {
  background-color: green;
  color: white;
}

HTML

<div ng-app="myApp" ng-controller="fooController as fc">
  <input class="form-control input-sm valign" type="search" placeholder="Search" ng-model="fc.search" ng-change="fc.highlightActiveSearch()" ng-class="fc.styleSearch" />
</div>