如何HTML，JS和CSS从小提琴

结合我所知道的问题是愚蠢和小提琴只是为了测试你的代码，而是通过把JS下脚本<合并到这一个码>和CSS在风格<>不为我工作！如何HTML，JS和CSS从小提琴

我用以下方式提出由他人：

<html> 

<head> 
<style type="text/css"> 
table tr td { 
    border: 1px solid; 
    padding: 4px; 
}

<body> 
<div ng-controller="MyCtrl"> 
<button ng-click="processData(allText)"> 
    Display CSV as Data Table 
</button> 
<div id="divID"> 
    <table style="border:1px solid"> 
    <tr ng-repeat="x in data"> 
     <td ng-repeat="y in x" rowspan="{{y.rows}}" colspan="{{y.cols}}">{{ y.data }}</td> 
    </tr> 
    </table> 
</div>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 
<script language="JavaScript" type="text/javascript"> 
var myApp = angular.module('myApp', []); 

myApp.controller("MyCtrl", function($scope) { 
    $scope.allText = "RS#2|Through Air CS#2|Over Surface CS#2|\nin.|mm|in.|mm|\nB |3/32\n (a)|2.4 \n (a)|3/32 \n (a)|2.4 \n (a)|\nD |1/16\n (a)|1.6 \n (a)|1/8 \n (a)|3.2 \n (a)|\n"; 
    $scope.processData = function(allText) { 
    // split content based on new line 
    var allTextLines = allText.split(/\|\n|\r\n/); 
    var lines = []; 
    var r, c; 
    for (var i = 0; i < allTextLines.length; i++) { 
     // split content based on comma 
     var data = allTextLines[i].split('|'); 

     var temp = []; 
     for (var j = 0; j < data.length; j++) { 
     if (data[j].indexOf("RS") !== -1) { 
      r = data[j].split("#").reverse()[0]; 
     } else { 
      r = 0; 
     } 
     if (data[j].indexOf("CS") !== -1) { 
      c = data[j].split("#").reverse()[0]; 

     } else { 
      c = 0; 
     } 
     temp.push({ 
      "rows": r, 
      "cols": c, 
      "data": data[j].replace(/RS#.*$/, '').replace(/CS#.*$/, '') 
     }); 
     } 
     lines.push(temp); 

    } 
    alert(JSON.stringify(lines)); 
    $scope.data = lines; 
    } 
});

来源

2015-12-02 insomniac

你得到后控制台中的任何错误你结合？ – Afsar

我将{{y.data}}作为输出 – insomniac

您缺少您的页面中包含的angularjs – Afsar

<html> <head> <style type="text/css"> // CSS Content </style> </head> <body ng-app="myApp">  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> <script language="JavaScript" type="text/javascript"> // more js here. </script> </body>

如何HTML，JS和CSS从小提琴

回答

相关问题