在angular-material-fullstack Yeoman生成器中使用Angular Material,我合并了一个toast:
var last = {
bottom: false,
top: true,
left: false,
right: true
};
$scope.toastPosition = angular.extend({},last);
function sanitizePosition() {
var current = $scope.toastPosition;
if ( current.bottom && last.top ) current.top = false;
if ( current.top && last.bottom ) current.bottom = false;
if ( current.right && last.left ) current.left = false;
if ( current.left && last.right ) current.right = false;
last = angular.extend({},current);
}
$scope.getToastPosition = function() {
sanitizePosition();
return Object.keys($scope.toastPosition)
.filter(function(pos) { return $scope.toastPosition[pos]; })
.join(' ');
};
var showSimpleToast = function() {
$mdToast.show(
$mdToast.simple()
.content('Please enter a valid stock name.')
.position($scope.getToastPosition())
.hideDelay(3000)
);
};
我能做些什么才能让这些代码不受影响?'?是否值得在服务中实施?我根本不想让它在我的控制器中占据那么多空间。
答案 0 :(得分:0)
请原谅我,如果我误解了你的问题,但是你在寻找这个吗?
$mdToast.show(
$mdToast.simple()
.content('Please enter a valid stock name.')
.position('top right')
.hideDelay(3000);
);
他们拥有的额外代码只是为了让您无法检查两个相对的复选框或缺少方向,例如top bottom
丢失bottom
并获得默认的副作用。