Angular jsで変数を変更できません、なぜですか？

Question

お手伝いできますか？ 私はこの例をFiddleで見つけました。 http://jsfiddle.net/terebentina/9mFpp/

私の質問は、なぜ角度（この例では）

$scope.widget = {title: 'abc'}; // works very well and ... 
$scope.widget.title = 'abc'; // doesn't work 

にこれはJavascript（widget.title）内のオブジェクトのプロパティです。私はいつも考えていました - いつでも設定できますか？私はどこが間違っていますか？あなたが最初のオブジェクトを初期化する必要があるため

Answer 1

秒が動作しない理由は次のとおりです。

// initialize the object first 
$scope.widget = {}; 

// and now you can set the title 
$scope.widget.title = 'abc'; 

をしかし、これは、コードの2行を入力します。直接これらの2つのことを行うために少し短いです：

// Initialize the widget object and set its title property 
$scope.widget = {title: 'abc'}; 

Answer 2

$scopeはオブジェクトですが、それが設定されるまで$scope.widgetは未定義です。あなたは、最初のオブジェクトとしてそれを初期化し、このようなプロパティ、設定することができ、次のいずれか

$scope.widget = {}; 
$scope.widget.title = 'abc'; 

それとも、フィドルが行うように行うと同時に、プロパティを初期化しながら、それを初期化することができます

$scope.widget = {title: 'abc'}; 

Answer 3

を

ウィジェットオブジェクトが定義されていないため（まだ存在しません）

次のコードはオブジェクト（フィールド 'title'に値 'abc'を含む）を作成し、変数 '$ scope.widget' ：

次のコード

$scope.widget = {title: 'abc'}; 

は、「ウィジェット」オブジェクトの提出「タイトル」に「ABC」を割り当てます。

$scope.widget.title = 'abc'; 

あなたが最初のウィジェットを作成しましたので、ウィジェット変数を動作させるために