コンポーネントとテンプレート角度を使用しているときにNg-clickとng-changeが発生していません。

Question

入力に何かが入力されたときに関数を起動しようとしています。何らかの理由で、テンプレートとコンポーネントを使用しても機能しません。なぜこれが起こっているのか理解できる人はいますか？私は途中でAngularに新しいです。ボタンをクリックするか、何かが入力に入力されたときに、NG-クリックして、NG-変更機能が起動する必要がありますが、彼らはありませんされて

コンポーネント 。上記コンポーネントの

(function(angular) { 
    'use strict'; 
    angular 
    .module('app') 
    .component('coinSearch', { 
     controller: CoinSearchController, 
     controllarAs: 'coin', 
     templateUrl: 'src/coinSearch.html' 
    }); 


    function CoinSearchController(CryptoService) { 
    var coin = this; 
    var list = []; 
    coin.jank="something weird"; 
    coin.savedCoins = []; 
    coin.searchedCoin = ''; 

    function getCrypto() {      //pulls data from API 
     CryptoService 
     .retrieve() 
     .then(function(response) { 
      coin.list = response; 
     }); 
    } 

    coin.click = function() { 
     console.log('HELLOOO'); 
    }; 

    coin.showSearch = function() { 
     console.log('hello');    
     return coin.searchedCoin === ''; 
    }; 
     getCrypto(); 
    } 
})(angular); 

テンプレート テンプレート。テストのためにいくつかのconsole.logがあります。

<div class="container"> 
    <form class="search-form"> 
    <button ng-click="coin.click()">{{coin.jank}} </button> //testing 

    <input 
     type="text" 
     class="search" 
     placeholder="Search Crypto" 
     ng-model="coin.searchedCoin" 
     ng-change="coin.showSearch()"> 





    <ul class="suggestions"> 
     <li ng-hide="coin.showSearch()" ng-repeat="coins in coin.list | 
filter:coin.searchedCoin"> 
      <span>{{coins.name}} ({{coins.symbol}})</span> 
      <span>${{coins.price_usd}}</span> 
      <span><button ng- 
click="coin.addToList(coins);">Add</button></span> 
      </li> 
     </ul> 
    </form> 
    <coin-list></coin-list> 
</div> 

Answer 1

あなたcontrollerAs書を見れば、あなたはそれがcontrollarAsとして綴られています。これは、coinを使用したときに何もテンプレートをリッスンしない理由を説明します。