Angular Material md-select不显示md-options并在点击时冻结页面

时间:2016-04-03 20:57:32

标签: angularjs angular-material

我刚刚将我使用的Angular Material的版本更新为1.0.6

现在,当我使用md-select + md-option时,虽然检查器中显示所有正确的选项和相应的md-option DOM元素,但下载列表不会在点击时显示,而是显示页面(Chrome浏览器)完全冻结。没有引发控制台错误。

这是我的代码:

   func tableView(tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {

    let footerView = UIView(frame: CGRectMake(0, 0, tableView.frame.size.width, 40))
    //    self.myTableView.tableFooterView = footerView;
    let sectionString = Array(foodArray.keys)[section]


      for value in caloriesArray[sectionString]! {
        calories += value
       }
       totalCalories += calories

      print(calories)
      print(totalCalories)
      let label = UILabel(frame: CGRectMake(footerView.frame.origin.x - 15, footerView.frame.origin.y, footerView.frame.size.width, 20))

       label.textAlignment = NSTextAlignment.Right

       label.text = "Total Calories: \(calories) "

      footerView.addSubview(label)
       calories = 0
  return footerView
  }

 func tableView(tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {

  return 20.0
}

@IBAction func addFoodTapped(sender: AnyObject) {


}


func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {


    let sectionString = Array(foodArray.keys)[indexPath.section]

    foodArray[sectionString]?.removeAtIndex(indexPath.row)
    caloriesArray[sectionString]?.removeAtIndex(indexPath.row)
    print(foodArray)
   viewDidAppear(true)
  }

以下是检查器的屏幕截图,其中显示了正确数量的选项DOM元素: screenshot of options

3 个答案:

答案 0 :(得分:2)

这种情况正在发生,因为我使用的Angular + Angular Material版本不兼容。 Angular Material 1.0.7似乎至少需要Angular 1.4(Angular Material 1.0.7不适用于Angular 1.3.20)

答案 1 :(得分:2)

有同样的问题。 将AngularJS更新到更新版本1.5.5(w / Angular Material 1.0.7)后解决了这个问题。

答案 2 :(得分:1)

这里的问题相同。我有Angular Material 1.1.0。

将Angular从1.3.15更新为1.5.8。固定的。