javascript - 从另一个 html 文件读取时，输入表单不显示

Question

我正在开发一个教授安全编码实践(AngularJS)的程序，其中一部分是允许学生点击代码中的漏洞。代码以 html 文件的形式读入，其中跨度围绕学生点击的项目，但我试图使其与出现在与到达某个点后出现的同一窗口中的输入表单更具交互性。

我正在通过 JSON 读取 html 文件，如下所示:

"code": "./securityChecklist.html",

没有问题。这是文件:

#include <iostream>
using namespace std;
void getNames(string[], int);
int getWhich();
string getName(int, string[],int);
const int SIZE = 10;

int main()
{
  int which;
  string names[SIZE];
  getNames(names,SIZE);

  which =getWhich();
  string aName = getName(which,names,SIZE);
  cout << "You choose name: "  << aName;

  return 0;
}


void getNames(string names[],size_t sz)
{
  for (size_t i = 0; i < sz; i++ )
  {
    cout << "type name # " << i+1 <<": ";
    <span class="span-Pgm1CL Pgm1CL-var-input-Pgm1CL">cin >> names[i];</span>
    <div class="clq">
        <fieldset name="q1">
            <label for="q1yes">
              <input value = "1" id="q1yes" type="radio">
              "Yes"
            </label>
            <label for="q1no">
              <input value = "2" id="q1no" type="radio">
              "No"
            </label>
        </fieldset>
    </div>
  }
}

size_t getWhich()
{
  size_t x;
  cout << "Which name: ";
  <span class="span-Pgm1CL Pgm1CL-var-input-Pgm1CL">cin >> x;</span>
  return x;
}

string getName(size_t n,string vals,size_t sz)
{
    if (n >=1 && n <= sz)
      return vals[n-1];
    else
      return "";
}

clq div 元素给我带来了问题。它应该加载一个单选按钮..

<pre ng-switch-when="codeblock">{{ unit.code }}</pre>

但是它给了我标签，但根本没有输入表单。我想要的只是那个小 radio 出现。

我知道这应该在 pre 标记内工作，那么问题是使用 JSON 加载的吗？有 Bootstrap 样式的东西吗？ AngularJS??

这是我得到的:

Answer 1

为什么使用 <pre>标签？您是否需要显示预先格式化的文本/代码或实际工作的 HTML 代码？

如果您想要有效的 HTML 代码，您可以从正确声明单选按钮开始:

<fieldset name="q1">
    <label for="q1yes">
        <input type="radio" name="q1" id="q1yes" value = "1"> "Yes"
    </label>
    <label for="q1no">
        <input type="radio" name="q1" id="q1no" value = "2"> "No"
    </label>
</fieldset>

请注意我添加了 name输入控件的属性，否则它们将无法正常工作(也许您已经知道这一点，只是忘记了)。

您也可以考虑使用 HTML5 <code>标签。 Take a look at this .

如果这不是您需要的，请告诉我，谢谢。