zoukankan      html  css  js  c++  java
  • knockout 学习实例2 text

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/knockout-3.4.0.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
    Today‘s message is:<span data-bind="text:myMessage"></span>
    
    <script type="text/javascript">
    var myViewModel = {
        myMessage:ko.observable()
    };
    ko.applyBindings(myViewModel);
    
    setTimeout(function(){
    myViewModel.myMessage("Hello, world!");
    },2000);
    </script>
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/knockout-3.4.0.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
    The item is <span data-bind="text: priceRating"></span> today.
     
    <script type="text/javascript">
        var viewModel = {
            price: ko.observable(24.95)
        };
        viewModel.priceRating = ko.pureComputed(function() {
            return this.price() > 50 ? "expensive" : "affordable";
        }, viewModel);
        ko.applyBindings(viewModel);
    </script>
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/knockout-3.4.0.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
    The item is <span data-bind="text: price() > 50 ? 'expensive' : 'affordable'"></span> today.
    
     
    <script type="text/javascript">
        var viewModel = {
            price: ko.observable(24.95)
        };
        ko.applyBindings(viewModel);
    </script>
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/knockout-3.4.0.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
    
    Today‘s message is:<span data-bind="text:myMessage"></span>
    
     
    <script type="text/javascript">
        var viewModel = {
            myMessage:ko.observable()
        };
        ko.applyBindings(viewModel);
        viewModel.myMessage("<i>Hello, world!</i>");
    </script>
    </body>
    </html>

    这个是插不入文本不是html如果想插入html请吧text换成html

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/knockout-3.4.0.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
    <ul data-bind="foreach: items">
         <li><span data-bind="text:name"></span></li>
     </ul> 
     
    <script type="text/javascript">
        var viewModel = {
            items:ko.observableArray([{'name':"111"},{'name':"22222"}])
            // items:[{'name':"111"},{'name':"22222"}]
        };
        ko.applyBindings(viewModel);
        viewModel.items.push({name:'3333'})
    </script>
    </body>
    </html>
  • 相关阅读:
    c编写程序完成m名旅客和n辆汽车的同步程序代写
    [原]web服务器:SOAP,WSDL,UDDI
    用多进程同步方法演示“桔子-苹果”问题
    实验教学管理系统 c语言程序代写源码下载
    模拟游客一天的生活与旅游java程序代写源码
    Java作业代写
    快餐店运行模拟C++程序源码代写
    求可能组合VB源码代写
    深入源码分析Java线程池的实现原理
    ThreadLocal原理详解
  • 原文地址:https://www.cnblogs.com/tongchuanxing/p/5654590.html
Copyright © 2011-2022 走看看