Angular Material md-menu 无法读取 属性 'setAttribute' 的 null
Angular Material md-menu Cannot read property 'setAttribute' of null
我正在使用 Angular Material,当我将 md-menu 放入我的应用程序时,显示错误。这是错误:
TypeError: Cannot read property 'setAttribute' of null
代码:
<md-menu>
<md-button ng-click="$mdOpenMenu($event)" class="md-icon-button" aria-label="Open sample menu">
<md-icon md-svg-icon="call:phone"></md-icon>
</md-button>
<md-menu-content>
<md-menu-item>
<md-button ng-click="doSomething()">Do Something</md-button>
</md-menu-item>
</md-menu-content>
</md-menu>
我正在使用 Bower,当我上传 angular material 从 0.11.0 到 1.0.1 的版本时开始出现错误。 这是我的 bower.json:
{
"name": "Angular-Base",
"dependencies": {
"angucomplete-alt": "~1.1.0",
"angular": "~1.4.0",
"angular-animate": "~1.4.3",
"angular-aria": "~1.4.3",
"angular-chart.js": "~0.7.2",
"angular-drag-and-drop-lists": "~1.2.0",
"angular-emoji": "~0.1.0",
"angular-emoji-filter-hd": "~0.0.6",
"angular-material": "1.0.1",
"angular-md5": "~0.1.8",
"angular-messages": "~1.4.7",
"angular-sanitize": "~1.4.3",
"angular-ui-router": "0.2.15",
"hint.css": "~1.3.5",
"jquery-legacy": "jquery#1.11.3",
"moment": "~2.10.6",
"ng-file-upload": "~6.2.1",
"ngWYSIWYG": "*",
"angular-material-data-table": "0.9.7",
"perfect-scrollbar": "~0.6.8"
},
"devDependencies": {
"angular-translate": "~2.7.2",
"angular-translate-loader-static-files": "~2.7.2"
},
"resolutions": {
"angular": "1.4.7",
"angular-sanitize": "~1.4.3"
}
我也阅读和测试 this question 但没有成功...
提到 一切正常 并在菜单中工作(点击操作也很好),但每次我放置 md-menu 时控制台中都会出现该错误...所以我想解决这个问题...
谢谢!
已解决! :)
我正在使用 gulp 任务(gulp-minify-html 节点模块)来处理 html 并且此模块在所有 angular 标记之前插入字符串 'data' .所以在我的代码中我没有看到那个前缀,但是生成的代码有它。
最后,this question 有了答案。
我正在使用 Angular Material,当我将 md-menu 放入我的应用程序时,显示错误。这是错误:
TypeError: Cannot read property 'setAttribute' of null
代码:
<md-menu>
<md-button ng-click="$mdOpenMenu($event)" class="md-icon-button" aria-label="Open sample menu">
<md-icon md-svg-icon="call:phone"></md-icon>
</md-button>
<md-menu-content>
<md-menu-item>
<md-button ng-click="doSomething()">Do Something</md-button>
</md-menu-item>
</md-menu-content>
</md-menu>
我正在使用 Bower,当我上传 angular material 从 0.11.0 到 1.0.1 的版本时开始出现错误。 这是我的 bower.json:
{
"name": "Angular-Base",
"dependencies": {
"angucomplete-alt": "~1.1.0",
"angular": "~1.4.0",
"angular-animate": "~1.4.3",
"angular-aria": "~1.4.3",
"angular-chart.js": "~0.7.2",
"angular-drag-and-drop-lists": "~1.2.0",
"angular-emoji": "~0.1.0",
"angular-emoji-filter-hd": "~0.0.6",
"angular-material": "1.0.1",
"angular-md5": "~0.1.8",
"angular-messages": "~1.4.7",
"angular-sanitize": "~1.4.3",
"angular-ui-router": "0.2.15",
"hint.css": "~1.3.5",
"jquery-legacy": "jquery#1.11.3",
"moment": "~2.10.6",
"ng-file-upload": "~6.2.1",
"ngWYSIWYG": "*",
"angular-material-data-table": "0.9.7",
"perfect-scrollbar": "~0.6.8"
},
"devDependencies": {
"angular-translate": "~2.7.2",
"angular-translate-loader-static-files": "~2.7.2"
},
"resolutions": {
"angular": "1.4.7",
"angular-sanitize": "~1.4.3"
}
我也阅读和测试 this question 但没有成功...
提到 一切正常 并在菜单中工作(点击操作也很好),但每次我放置 md-menu 时控制台中都会出现该错误...所以我想解决这个问题...
谢谢!
已解决! :)
我正在使用 gulp 任务(gulp-minify-html 节点模块)来处理 html 并且此模块在所有 angular 标记之前插入字符串 'data' .所以在我的代码中我没有看到那个前缀,但是生成的代码有它。
最后,this question 有了答案。