Angular JSでは、ディレクティブ属性のデータをテンプレートに挿入するにはどうすればよいですか？ここ

Question

は私のディレクティブです：

app.directive("helloWorld", function() { 
    return { 
    restrict: "E", 
    scope: { 
     name: "bind" 
    }, 
    template: "<div>a {{name}} a</div>" 
    }; 
}); 

は、ここで私はそれを使用する方法は次のとおりです。

<hello-world name="John Smith"></hello-world> 

私はそれを実行したとき、私は、このページはこのようなことを期待：

<hello-world> 
    <div>a John Smith a</div> 
</hello-world> 

しかし、いくつかのために理由は、nameは注入されず、実際の結果は次のようになります。

<hello-world> 
    <div>a {{name}} a</div> 
</hello-world> 

私は行方不明のものは何ですか？私はAngular JS 1.0.2を使用しています

Answer 1

スコープ宣言が奇妙です。私は"bind"宣言についてはわかりません - それは以前のバージョンのものかもしれません。

ディレクティブの属性への結合のための現在の構文は次のようである：一般的に

return { 
    restrict: "E", 
    scope: { 
     name: "@name" 
    }, 
    template: "<div>a {{name}} a</div>" 
}; 

、@attributeName。 more information on directivesについてはこちらをご覧ください。