角の1コンポーネントのバインディングが親コントローラの変数を評価しない

Question

コンポーネントを使用するコントローラのスコープでプロパティの値を取得できないような問題が発生しています。プロパティとして私は期待された結果を得るが、$ctrl.valのような何かをしようとすると私の有能な内の私に不確定を与えるだろうが、3は正しい結果を与えるでしょう。誰がなぜこれが起こっているのか知っていますか？

私はこのようなコンポーネント持っている：

function RatingController() { 
    let vm = this 
    this.$onInit = function() { 
     console.log("rating: ", vm.rating) 
    } 
} 

export default { 
    bindings: { 
     rating: '=' 
    }, 
    controller: RatingController, 
    template: ` 
    <span>{{ $ctrl.rating }}</span 
    `, 
} 

をそして私はこのようにそれを初期化：上記

<div ng-controller="MainCtrl as main"> 
    <star-rating rating="main.rating"></star-rating> 
</div> 

は常にしかし、この意志をやって、私のコンポーネントで未定義としての評価を持っています

：期待される結果に

<div ng-controller="MainCtrl as main"> 
    <star-rating rating="3"></star-rating> 
</div> 

MainCtrlを与えます

export default function CakeController(requestCakes, $routeParams) { 
    let vm = this 
    requestCakes.getOne($routeParams.id).then((res) => { 
     //compose objects together 

     vm = Object.assign(vm, res.data) 
    }) 
} 

Answer 1

コンポーネントに間違ったプロパティをバインドします。あなたは、コンポーネントの設定にratingをバインドしようとするが、あなたのコンポーネントの属性は、コンポーネントが（非同期的に自分のメインコントローラの負荷データを）初期化されるとき

main.rating値がまだ定義されていないheartrating

回答アップデートと呼ばれています。 $onInitの代わりに$onChangesフックを使用してください。一方向バインディングが更新されるたびに（docs）、コンポーネントの使用時には一般的な2ウェイデータバインディングは推奨されないため、$onChangesフックが呼び出されるため、一方向データバインディング（=の代わりに<を使用する必要があります）