Javascript ng html到pdf的保存不'；不能用波斯语或阿拉伯语字符

我有一个波斯语内容，想用这个模块打印出来，问题是它没有以正确的字符格式显示内容。 这就是我在代码中所做的：-

<script type="text/ng-template" id="patient_modal.html">
    <div class="modal-header">
        <button type="button" class="close" ng-click="close_patient()">&times;</button>
        <h4 class="modal-title text-center" id="patient-title">اطلاعات بیمار</h4>
    </div>
    <div class="modal-body" id="patient-body" pdf-save-content="idOne">
        <div class="row" id="print_body">
            <div class="panel panel-info">
                <div class="panel-heading text-center">مشخصات بیمار</div>
                <div class="panel-body">

                        <div class="row form-group">
                            <label class="col-sm-6  col-xs-12 col-form-label">نام :</label>
                            <div class="col-sm-6 col-xs-12">{{p.first_name}}</div>
                        </div>
                    <div class="row form-group">
                        <label class="col-sm-6  col-xs-12 col-form-label">نام خانوادگی :</label>
                        <div class="col-sm-6 col-xs-12">{{p.last_name}}</div>
                    </div>
                    <div class="row form-group">
                        <label class="col-sm-6  col-xs-12 col-form-label">شماره پرونده :</label>
                        <div class="col-sm-6 col-xs-12">{{p.document_id}}</div>
                    </div>
                    <div class="row form-group">
                        <label class="col-sm-6  col-xs-12 col-form-label">بیمه :</label>
                        <div class="col-sm-6 col-xs-12">{{p.insurance}}</div>
                    </div>
                    <div class="row form-group">
                        <label class="col-sm-6  col-xs-12 col-form-label">تعداد مراجعات :</label>
                        <div class="col-sm-6 col-xs-12">{{p.count}}</div>
                    </div>
                    <div class="row form-group">
                        <label class="col-sm-6  col-xs-12 col-form-label">تاریخ آخرین مراجعه :</label>
                        <div class="col-sm-6 col-xs-12">{{p.last_reservation}}</div>
                    </div>


                </div>
            </div>

        <div class="row">
            <div class="table-responsive ">
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th class="text-center">تاریخ</th>
                        <th class="text-center"> نوع خدمت</th>
                        <th class="text-center"> مطب</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr data-ng-repeat="row in info">
                        <td class="text-center">{{row.date}}</td>
                        <td class="text-center">{{row.service}}</td>
                        <td class="text-center">{{row.clinic}}</td>
                    </tr>

                    </tbody>
                </table>
            </div>
        </div>
        </div>
        <div class="row">
            <button class="btn btn-info center-block" id="btnSave" pdf-save-button="idOne" pdf-name="someone.pdf">
                <div class=" glyphicon glyphicon-save"></div>
                <label> ذخیره اطلاعات</label>
            </button>
        </div>

    </div>
    <div class="modal-footer">
        <button class="btn btn-info center-block" type="button" ng-click="close_patient()">بستن</button>

    </div>
</script>

&时代；
اطلاعات بیمار
مشخصات بیمار
نام :
{{p.first_name}}
نام خانوادگی :
{{p.last_name}}
شماره پرونده :
{{p.document_id}
بیمه :
{{p.insurance}}
تعداد مراجعات :
{{p.count}}
تاریخ آخرین مراجعه :
{{p.last_reservation}}
تاریخ
نوع خدمت
مطب
{{row.date}
{{row.service}}
{{row.clinic}}
ذخیره اطلاعات
بستن

此代码显示的内容如下所示：

但它是这样表现的：

---

就我所见，问题似乎是上面写的HTML从上到下的一些内容被切碎了。 为了解决同样的问题，我将整个内容包装在另一个div中，并将pdf save content指令放在该div上。如果我不能很好地理解这个问题，请纠正我。 这是相同的代码和plunker

<div pdf-save-content="idOne">
    <div class="modal-header">
      <button type="button" class="close" ng-click="close_patient()">×</button>
      <h4 class="modal-title text-center" id="patient-title">اطلاعات بیمار</h4>
    </div>
    <div class="modal-body" id="patient-body">
      <div class="row" id="print_body">
        <div class="panel panel-info">
          <div class="panel-heading text-center">مشخصات بیمار</div>
          <div class="panel-body">
            <div class="row form-group">
              <label class="col-sm-6  col-xs-12 col-form-label">نام :</label>
              <div class="col-sm-6 col-xs-12">{{p.first_name}}</div>
            </div>
            <div class="row form-group">
              <label class="col-sm-6  col-xs-12 col-form-label">نام خانوادگی :</label>
              <div class="col-sm-6 col-xs-12">{{p.last_name}}</div>
            </div>
            <div class="row form-group">
              <label class="col-sm-6  col-xs-12 col-form-label">شماره پرونده :</label>
              <div class="col-sm-6 col-xs-12">{{p.document_id}}</div>
            </div>
            <div class="row form-group">
              <label class="col-sm-6  col-xs-12 col-form-label">بیمه :</label>
              <div class="col-sm-6 col-xs-12">{{p.insurance}}</div>
            </div>
            <div class="row form-group">
              <label class="col-sm-6  col-xs-12 col-form-label">تعداد مراجعات :</label>
              <div class="col-sm-6 col-xs-12">{{p.count}}</div>
            </div>
            <div class="row form-group">
              <label class="col-sm-6  col-xs-12 col-form-label">تاریخ آخرین مراجعه :</label>
              <div class="col-sm-6 col-xs-12">{{p.last_reservation}}</div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="table-responsive ">
            <table class="table table-bordered">
              <thead>
                <tr>
                  <th class="text-center">تاریخ</th>
                  <th class="text-center"> نوع خدمت</th>
                  <th class="text-center"> مطب</th>
                </tr>
              </thead>
              <tbody>
                <tr data-ng-repeat="row in info">
                  <td class="text-center">{{row.date}}</td>
                  <td class="text-center">{{row.service}}</td>
                  <td class="text-center">{{row.clinic}}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <div class="row">
        <button class="btn btn-info center-block" pdf-save-button="idOne" pdf-name="someone.pdf" id="btnSave">
          <div class=" glyphicon glyphicon-save"></div>
          <label> ذخیره اطلاعات</label>
        </button>
      </div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-info center-block" type="button" ng-click="close_patient()">بستن</button>
    </div>

  </div>

×
اطلاعات بیمار
مشخصات بیمار
نام :
{{p.first_name}}
نام خانوادگی :
{{p.last_name}}
شماره پرونده :
{{p.document_id}
بیمه :
{{p.insurance}}
تعداد مراجعات :
{{p.count}}
تاریخ آخرین مراجعه :
{{p.last_reservation}}
تاریخ
نوع خدمت
مطب
{{row.date}
{{row.service}}
{{row.clinic}}
ذخیره اطلاعات
بستن

创造了同样的普朗克，

下面是来自上面plunker的HTML图片和保存的PDF。 以下是已保存的PDF的图片。

---

感谢您的重播，但不幸的是，正如您在回答中分享的最后一张图片中所看到的，波斯字符完全混淆了。事实上，真正的问题是波斯语字符。@AhmadAzad:在谷歌搜索后，我发现这两个链接可能会有所帮助，我做了你所说的一切亲爱的@Siddharth，但我仍然得到了同样的结果。