코드가 github.io에서 올바르게 렌더링되지 않습니다.

Question

github.io의 블로그에 몇 가지 코드를 넣으려고합니다. 지킬에 관한 주제입니다. 이 블로그에 표시됩니다 때

코드의 예는,

``` 
 
<!-- Add some model --> 
 
<input type="text" ng-model="hello-model"></input> 
 
<!-- And show that up --> 
 
<h1>{{hello-model}}</h1> 
 

 
```

그러나

입니다. {{}}없이 나타납니다.

<!-- Add some model --> 
 
<input type="text" ng-model="hello-model"></input> 
 
<!-- And show that up --> 
 
<h1></h1>

은 누군가가 나 추가 도울 수있는 {{}} 다시 블로그입니다.

Answer 1

AngularJS와 Jekyll 모두 {{}} (각각 바인딩 및 템플릿)을 사용하기 때문입니다.

ng-bind을 사용하여 문제를 해결할 수 있습니다. 해당 문서는 here을 참조하십시오.
본질적으로 다음과 같이 표시됩니다.

<h1 ng-bind="hello-model"></h1>