angularJS

Mon, Apr 13, 2015

AngularでのDOMへのアクセス

AngularがDOMのdata-x属性の値を取得する必要があったのでメモ。 今回はdata-x属性内のハッシュ構造のデータを取り出す必要があった。 <SELECTOR data-x = '{"id":"123", "name":"hoge"}'...>というDOM要素が存在した時 str = angular.element('SELECTOR').attr('data-x')のような形式でデータを取得することができる。 しかしこの状態ではstrはただの文字列として取得した状態なので、ハッシュを取り出すにはパースしてあげる必要がある。 hashed_data = angular.fomJson(str) これでhashed_data = {"id":"123", "name":"hoge"}が取得できる。