要素の属性の順序は、htmlでの順序にもかかわらず変更できます(FF 43.0.1のみ)。例:FFに続いChromeでスニペットを実行しFFの新しいバージョンが入力の属性の順序を変更しました
<input type="checkbox" data-type="can-be-also-empty"/>
してください。デベロッパーツールから
結果:
<input data-type="can-be-also-empty" type="checkbox"/>
- FF
<input type="checkbox" data-type="can-be-also-empty"/>
- クローム
これは角使用して影響を受けることができます。 Custom directives guide
は角要素のタグを正規化し、次のように正規化処理が
ディレクティブれた要素の一致を決定するために属性名:ストリップxおよびDATA-の要素の正面から/属性。
data-type
atributesがdata-
を除去し、それがtype="can-be-also-empty"
からtype="checkbox"
に影響を与える角度、要素に最初に行く場合、私は、考える理由厥。
次のスニペットは、私が何を意味するか、より良い表示することができます:
angular.module('app', []).directive('example', function(){
return {
template: '<input type="checkbox" data-type="eny-value" ng-model="value"/><p>{{value}}</p>',
restrict: 'E',
link: function($scope){
$scope.value = false;
}
}
})
<!DOCTYPE html>
<html ng-app='app'>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title></title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.js"></script>
<example></example>
</body>
</html>
もFFとChromeでそれを実行しようとすると、式はFFでevaluetedされることはありません。
data-type="eny-value"
の前に移動する次のステップtype
の前に。今はどのブラウザでも動作していません。
属性の順序は – adeneo
@adeneo、FF用のバージョンを確認、私はしてください@kickenいずれかのブラウザ – rossoneri
の角度の例との最後のコードスニペットを実行、それが必要ください問題ではないはずbe 43.0.1 – kicken