Question

这是我当前的viewModel

Shortconfig = {
  configa = ko.observable('');
  configb = ko.observable('');
  ...
  configN = ko.observable('');
 }
config = ko.observableArray ([ 
  configA = {
    options : [ { 'text':'Option1', 'value': 'O1' },  
            { 'text':'Option2', 'value': 'O2' },
            ....
            { 'text':'OptionN', 'value': 'ON' }
          ],
   image : 'imageconfiga.jpg',
   fieldname : Shortconfig.configa
  }, 

  configb = {
    options : [ { 'text':'Option1', 'value': 'O1' },  
            { 'text':'Option2', 'value': 'O2' },
            ....
            { 'text':'OptionN', 'value': 'ON' }
          ],
   image : 'imageconfiga.jpg',
   fieldname : Shortconfig.configb
  }, 
  ....
confign = {
    options : [ { 'text':'Option1', 'value': 'O1' },  
            { 'text':'Option2', 'value': 'O2' },
            ....
            { 'text':'OptionN', 'value': 'ON' }
          ],
   image : 'imageconfiga.jpg',
   fieldname : Shortconfig.confign
  }
]);

换句话说，我有一系列的选择; 从那里我可以使用一个模板轻松生成我需要的所有单选按钮，并根据需要使用它来生成我需要的单选按钮组。

我的问题是每组单选按钮必须绑定到shortconfig中的不同字段

configa单选按钮必须具有data-bind =“value：$ root.Shortconfig.configa”，并且configb无线电必须具有data-bind =“value：$ root.Shortconfig.configb”等等。

我尝试在每个配置中使用 fieldname 条目，但我失败了，但没有找到我怎么做，因为我找不到

1-如果可能的话

2-我应该使用什么语法，

我只能在模板中对此进行硬编码;因此，目前有30多组选项，我最终只有30+模板。

所以我的问题是可能的，我该怎么写呢？

希望我能让自己理解。

提前感谢您的时间

迪迪埃

Answer 1

见工作小提琴：https://jsfiddle.net/y4hskdpu/1/

user www-data;
worker_processes auto;
pid /run/nginx.pid;
include /etc/nginx/modules-enabled/*.conf;

events {
        worker_connections 768;
        # multi_accept on;
}

server {
    listen 8000;
    server_name my ip
    access_log /var/log/nginx/example.log;

    location /static/ {
            root /home/user/myproj/static;
    }
 }
 http {

    ##
    # Basic Settings
    ##

    sendfile on;
    tcp_nopush on;
    tcp_nodelay on;
    keepalive_timeout 65;
    types_hash_max_size 2048;
    # server_tokens off;

    # server_names_hash_bucket_size 64;
    # server_name_in_redirect off;

    include /etc/nginx/mime.types;
    default_type application/octet-stream;

    ##
    # SSL Settings
    ##

    ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE
    ssl_prefer_server_ciphers on;

    ##
    # Logging Settings
    ##

    access_log /var/log/nginx/access.log;
    error_log /var/log/nginx/error.log;

    ##
    # Gzip Settings
    ##

    gzip on;
    gzip_disable "msie6";

    # gzip_vary on;
    # gzip_proxied any;
    # gzip_comp_level 6;
    # gzip_buffers 16 8k;
    # gzip_http_version 1.1;
    # gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;

    ##
    # Virtual Host Configs
    ##

    include /etc/nginx/conf.d/*.conf;
    include /etc/nginx/sites-enabled/*;
 }

然后可以访问：

var _Shortconfig = function () {
  var self = this;
  self.configa = ko.observable('');
  self.configb = ko.observable('');
  self.configN = ko.observable('');
}

var Shortconfig = new _Shortconfig();

无线电检查可观察名称的动态绑定

1 个答案: