在materializecss中添加'disabled'类时,ng-click不起作用

时间:2017-02-14 17:02:17

标签: javascript angularjs materialize

我在我的项目中使用AngularJS和MaterializeCSS框架,对于按钮,它有一个“禁用”类,以显示它们是灰色的。

在角度添加或删除类时不会影响ng-click的功能。 我们必须在ng-click的回调中手动添加逻辑,以防止任何禁用的按钮工作。

但这是我面临的一个新方案,只需在按钮上添加“禁用”类就可以停止ng-click的工作。

我正在通过ng-class

添加'禁用'类
ref = FIRDatabase.database().reference()


    ref.child("hello").child("google! I need a part time job").child(planPriceLevel).observeEventType(FIRDataEventType.ChildAdded, withBlock:{
        (snapshot: FIRDataSnapshot) in

        if let dictionary = snapshot.value as? [String: AnyObject]{
            let getPlaceObj = placeObj()

            getPlaceObj.setValuesForKeysWithDictionary(dictionary)
            self.PlaceObj.append(getPlaceObj)


            print("Name " ,getPlaceObj.place_name)


        }

        let place_name = snapshot.value?.objectForKey("place_name") as! String
        let place_type = snapshot.value?.objectForKey("place_type") as! String
        let price_range = snapshot.value?.objectForKey("price_range") as! String
        let vegan_type = snapshot.value?.objectForKey("vegan_type") as! String
        let website = snapshot.value?.objectForKey("website") as! String

        print(place_name, place_type, price_range, vegan_type, website)

        let savePlan : [String: AnyObject] = ["place_name":place_name, "place_type":place_type, "price_range":price_range, "vegan_type":vegan_type, "website":website]

        self.ref.child("can you place hire me as your intern? I am from Singapore!!!").child(self.user!.uid).childByAutoId().setValue(savePlan)


        }, withCancelBlock: nil)

这是针对演示的plunker。 https://plnkr.co/edit/ZP7CIkEW1lLFjHx3xTGV?p=preview

伙计们,我不是在寻找解决方案或解决方法如何使其发挥作用。我正在寻找解释。为什么会这样? 谢谢:)

1 个答案:

答案 0 :(得分:2)

因为materializecss有.btn.disabled {pointer-events: none;}

要使其有效,请添加:

.btn.disabled {
    pointer-events: auto;
}