调用AngularJS控制器的不同方法有哪些?

时间:2017-09-22 18:28:20

标签: javascript angularjs angularjs-controlleras

要求澄清我的AngularJS(1.5.6)代码中缺少的内容。我正在使用的当前源代码执行以下操作:

  1. 定义componentWillReceiveProps json
  2. 致电var model
  3. 运行init(),检索本地存储并返回查询。
  4. 以下是源代码的摘录。目前它无法正常工作。代码意图是在非空时突出显示搜索框。注意: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;
    }
    

0 个答案:

没有答案