Angularjs指令根据条件显示不同类型的烤面包机

时间:2017-06-14 13:16:58

标签: angularjs angular-material

我正在尝试编写一个角度指令,它将显示角度烤面包机以进行通知。我没有点击任何按钮。我希望这能根据某些条件显示这台烤面包机。我的指令样本如下所示:

(function () {
    'use strict';

    angular
        .module("MyModule")
        .directive('toasterContainer', function () {
            return {
                restrict: "E",
                scope: {
                    messageType:'='
                }
            };
        })
})();

<toaster-container message-type='error'></toaster-container>

任何人都可以帮我解决这个问题吗?基本上我不知道如何创建基于条件的模板。

由于

1 个答案:

答案 0 :(得分:0)

我假设您正在使用How I want To display Result这是烤面包机的绝佳包装。

基于此;添加HTML代码后;你需要按照以下方式将烤面包机称为js:

toaster.pop('info', "title", "text");

如果你需要添加控件;只需添加一些if / else条件:

if(test === true) 
   toaster.pop('info', "title", "text");
else 
   toaster.pop('warn', "title", "text");