我是 IonicFramework 和 Angularjs 的初学者。我正在尝试构建一个 left left 应用程序和一些要显示的描述页面。
对于演示应用程序,我正在使用这段代码,但我可以在单击其中一个选项后检索值。但问题是现在我无法使用这些值渲染一些文本。例如,我必须使用一些 switch case 模式来显示一些数据。
如果我尝试在 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/