免費(fèi)AI編程助手
EmberJS 路由器指定查詢參數(shù)
2020-07-17 09:19 更新
描述
查詢參數(shù)在路由驅(qū)動(dòng)控制器上指定。查詢參數(shù)在URL中綁定，并配置查詢參數(shù)，它們必須在控制器上聲明，并且它們應(yīng)該是活動(dòng)的。定義有助于渲染模板的數(shù)組的查詢參數(shù)過(guò)濾器的計(jì)算屬性。
語(yǔ)句
Ember.Controller.extend({ queryParams: ['queryParameter'], queryParameter: null });
例子
<!DOCTYPE html> <html> <head> <title>Emberjs Specifying Query Parameters </title> <!-- CDN's --> <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.min.js"></script> <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.10.0/ember.min.js"></script> <script src="https://builds.emberjs.com/tags/v1.10.0-beta.3/ember-template-compiler.js"></script> <script src="https://builds.emberjs.com/release/ember.debug.js"></script> <script src="https://builds.emberjs.com/beta/ember-data.js"></script> </head> <body> <script type="text/x-handlebars" data-template-name="application"> <h3>Enter values to add:</h3> <!-- sending action to the addQuery method --> <form {{action "addQuery" on="submit"}}> {{input value=queryParma}} <input type="submit" value="Send Tag"/> </form> </script> <script type="text/javascript"> App = Ember.Application.create(); App.ApplicationController = Ember.ArrayController.extend({ //specifyint 'query' as one of controller's query parameter queryParams: ['query'], //initialize the query value query: null, //defining a computed property queryParam queryParma: Ember.computed.oneWay('query'), actions: { addQuery: function() { //setting up the query parameters and displaying it this.set('query', this.get('queryParma')); document.write(this.get('query')); } } }); </script> </body> </html>
輸出
讓我們執(zhí)行以下步驟，看看上面的代碼如何工作：
將上面的代碼保存在routing_qry_param.html文件中
在瀏覽器中打開(kāi)此HTML文件。
以上內(nèi)容是否對(duì)您有幫助：
更多建議：