如何处理模板中 angular-ui 路由参数中的 blank/null 值？

Question

以下是我的要求ui评论。

我有一个离子应用程序。最初在着陆页上，我正在加载一些内容和菜单。

在菜单中，有一些项目具有路由参数功能调用？

最初当页面加载时，路由参数将是空白的，下面是我收到的错误：

错误：[$parse:syntax] 语法错误：标记“}”不是从 [}] 开始的表达式 [{brandID:}] 的第 10 列的主要表达式。 http://errors.angularjs.org/1.2.25/$parse/syntax?p0=%7D&p1=not%20a%20primary%20expression&p2=10&p3=%7BbrandID%3A%7D&p4=%7D 在 VALIDITY_STATE_PROPERTY (http://localhost:8100/lib/ionic/js/ionic.bundle.js:7703:12)

模板：


      与品牌对话

App.js

.state('app.brandFeedback', {
  url: "/brands/:brandID/brandFeedback",
  views: {
    'menuContent' :{
      templateUrl: "partials/brand_feedback.html",
      controller:'BrandFeedbackCtrl'
    }
  }
})

稍后导航到其他页面时。我将根据该页面上可用的路由参数分配 ID。

如何处理模板中初始的空白或空值？

Answer 1

您的问题不是直接由空值引起的；这是您在 ui-sref 属性中使用的语法。你有

ui-sref="app.brandFeedback({brandID:{{menu_brand_id}}})"

但是表达式中的双括号是错误的；你真正想要的是

ui-sref="app.brandFeedback({brandID: menu_brand_id})"

假设 menu_brand_id 是一个至少有时会传递到模板范围的变量。但是，如果 menu_brand_id 不存在，您仍然不会收到错误； app.brandFeedback 函数将使用参数 {brandID: undefined}.

调用

如何处理模板中 angular-ui 路由参数中的 blank/null 值？

How to handle blank/null value in angular-ui route params in template?

angularjs

angular-ui-router

ionic-framework

ionic