javascript - IonicFramework + AngularJS + 无法使用单击 HREF 根据列表中的选择呈现页面

标签 javascript jquery css angularjs ionic-framework

我是 IonicFramework 和 Angularjs 的初学者。我正在尝试构建一个 left left 应用程序和一些要显示的描述页面。

对于演示应用程序,我正在使用这段代码,但我可以在单击其中一个选项后检索值。但问题是现在我无法使用这些值渲染一些文本。例如,我必须使用一些 switch case 模式来显示一些数据。

enter image description here

如果我尝试在 Google 上点击,它必须在主页上以 Google 的身份给我文本等等。

这是一段代码,我正在使用:-

<body ng-controller="MainCtrl">    
    <ion-nav-view></ion-nav-view>

    <script id="templates/event-menu.html" type="text/ng-template">
      <ion-side-menus>
        <ion-side-menu-content>
          <ion-nav-bar class="bar-positive"animation="no-animation">
            <ion-nav-back-button class="button-icon ion-arrow-left-c">
            </ion-nav-back-button>
          </ion-nav-bar>
          <ion-nav-buttons side="left">
            <button class="button button-icon button-clear ion-navicon" ng-click="toggleLeft()">
            </button>
          </ion-nav-buttons>
          <ion-nav-view animation="no-animation" name="menuContent"></ion-nav-view>
        </ion-side-menu-content> 

        <ion-side-menu side="left">
          <ion-header-bar class="bar-assertive">
            <h1 class="title">{{title}}</h1>
          </ion-header-bar>
          <ion-content>
            <ul class="list" >
              <li ng-repeat="website_name in website_names" >
            <a class="item" href="" ng-click="select_website_type({{website_name.name}});" menu-close>{{website_name.name}}</a>
          </li>
            </ul>
          </ion-content>
        </ion-side-menu>            
      </ion-side-menus>
    </script>

    <script id="templates/home.html" type="text/ng-template">
      <ion-view title="Welcome">            
        <ion-content padding="true">
          <div class="list">
            <!-- First -->
            <a class="item item-thumbnail-left item-details" href="#">
              <h2>Pretty Hate Machine</h2>
              <p class="white-space-preline">Everything you need to know about the three names revealed by the government to Supreme Court today</p>
            </a>
            <!-- Second -->          
            <a class="item item-thumbnail-left item-details" href="#">
              <h2>Smashing Pumpkins</h2>
              <p>Siamese Dream</p>
            </a>
          </div>          
        </ion-content>
      </ion-view>
    </script>
  </body>

请看一下并指出我错在哪里。点击这里 CodePen.io

最佳答案

你应该像这样在你的函数中传递网站名称值 {{网站名称.名称}}

关于javascript - IonicFramework + AngularJS + 无法使用单击 HREF 根据列表中的选择呈现页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26626361/

相关文章:

javascript - 隐藏搜索字段代码只执行一次

javascript - SwfObject 注册对象?

javascript - 我想要一个不使用 'click anywhere except this div' 或 'event.stopPropagation();' 的 '.length' 函数

css - Google Cast SDK 开发者控制台

Javascript - 获取函数(方法)的类所有者

javascript - 在 ES6 中作为参数传入 NULL 时不使用默认参数

javascript - Jquery 模式无法正常工作

php - 无法将 PHP session 变量返回到 JQuery

html - 将单个 div 标签分成 3 个部分

css - 副词。带有CSS的样式列表