使用角度为body元素添加样式的最佳方法

时间:2017-05-16 13:31:45

标签: angular

我有这个组件可以执行拖动操作。因此,我不希望页面上的任何内容被选中。

目前我在''' Plots the seperation plane Args: LinearSVC: An LinearSVC instance that was previously fitted (.fit()) ''' def show_linearSVC_class_separation(linearSVC: 'LinearSVC', X_test, y_test): # get the separating hyperplane w = clf.coef_[0] a = -w[0] / w[1] xx = X_test yy = y_test # plot the parallels to the separating hyperplane that pass through the # support vectors b = clf.support_vectors_[0] yy_down = a * xx + (b[1] - a * b[0]) b = clf.support_vectors_[-1] yy_up = a * xx + (b[1] - a * b[0]) # plot the line, the points, and the nearest vectors to the plane plt.plot(xx, yy, 'k-') plt.plot(xx, yy_down, 'k--') plt.plot(xx, yy_up, 'k--') plt.scatter(clf.support_vectors_[:, 0], clf.support_vectors_[:, 1], s=80, facecolors='none') plt.scatter(X[:, 0], X[:, 1], c=Y, cmap=plt.cm.Paired) plt.axis('tight') plt.show()

上执行以下操作
mousedown

document.body.style.userSelect = 'none';

mouseup

这有效,但我想知道角度4是否有更好/更好的方法来做到这一点?

1 个答案:

答案 0 :(得分:2)

Angular并没有提供操作<body>元素的任何内容,因此您已经在做的事情是可行的。

您可以使用'body'作为根组件的选择器并使用

@HostBinding('style.userSelect')
styleUserSelect:String = '';

...

this.styleUserSelect = 'none';

你应该知道,这样一来,当初始化Angular时,<body>的所有内容都将被清除。

另见