Angular CLI - ng xi18n คำสั่ง

ไวยากรณ์

ng xi18n <project> [options]
ng i18n-extract <project> [options]

คำสั่ง ng xi18n แยกข้อความ i18n จากซอร์สโค้ด ตัวเลือกคือพารามิเตอร์ที่เป็นทางเลือก

อาร์กิวเมนต์

ซีเนียร์	อาร์กิวเมนต์และไวยากรณ์	คำอธิบาย
1	<โครงการ>	ชื่อโครงการ อาจเป็นแอปพลิเคชันหรือไลบรารี

ตัวเลือก

ซีเนียร์	ตัวเลือกและไวยากรณ์	คำอธิบาย
1	--browserTarget = browserTarget	เป้าหมายที่จะดึงออกมา
2	--configuration = การกำหนดค่า	เป้าหมายการสร้างที่มีชื่อตามที่ระบุในส่วน "การกำหนดค่า" ของ angular.json แต่ละเป้าหมายที่ตั้งชื่อมาพร้อมกับการกำหนดค่าตัวเลือกเริ่มต้นสำหรับเป้าหมายนั้น การตั้งค่านี้จะลบล้างแฟล็ก "--prod" อย่างชัดเจน นามแฝง: -c
3	--createCommits = จริง \| เท็จ	สร้างการควบคุมซอร์สคอมมิตสำหรับการอัพเดตและการโอนย้าย ค่าเริ่มต้น: เท็จ นามแฝง: -C
4	--format = xmb \| xlf \| xlif \| xliff \| xlf2 \| xliff2	รูปแบบผลลัพธ์สำหรับไฟล์ที่สร้างขึ้น ค่าเริ่มต้น: xlf
5	--help = true \| false \| json \| JSON	แสดงข้อความวิธีใช้สำหรับคำสั่งนี้ในคอนโซล ค่าเริ่มต้น: เท็จ
6	--outFile = outFile	ชื่อของไฟล์ที่จะส่งออก
7	--outputPath = outputPath	เส้นทางที่จะวางเอาต์พุต
8	--prod = จริง \| เท็จ	ชวเลขสำหรับ "--configuration = production" เมื่อเป็นจริงตั้งค่าคอนฟิกบิลด์เป็นเป้าหมายการผลิต ตามค่าเริ่มต้นเป้าหมายการผลิตจะถูกตั้งค่าในคอนฟิกูเรชันพื้นที่ทำงานเพื่อให้บิลด์ทั้งหมดใช้การรวมกลุ่มการเขย่าต้นไม้แบบ จำกัด และการกำจัดโค้ดที่ตายแล้วอย่าง จำกัด
9	--progress = จริง \| เท็จ	บันทึกความคืบหน้าไปยังคอนโซล ค่าเริ่มต้น: จริง

ขั้นแรกให้ย้ายไปยังโครงการเชิงมุมที่อัปเดตโดยใช้คำสั่งng build อัปเดต app.component.html ดังนี้:

app.component.spec.ts

<div class="content" role="main">
   <span i18n>app is running!</span>
</div>
<app-goals></app-goals>
<router-outlet></router-outlet>

ตอนนี้รันคำสั่ง xi18n

ตัวอย่าง

\>Node\>TutorialsPoint> ng xi18n

เพิ่มการสนับสนุนการแปล

\>Node\>TutorialsPoint> ng add @angular/localize
Installing packages for tooling via npm.
Installed packages for tooling via npm.
UPDATE src/polyfills.ts (3064 bytes)

ตอนนี้ ng จะสร้างไฟล์ messages.xlf ในโฟลเดอร์รูทซึ่งเป็นไฟล์แปลมาตรฐานอุตสาหกรรม

Messages.xlf

<?xml version="1.0" encoding="UTF-8" ?>
<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
   <file source-language="en-US" datatype="plaintext" original="ng2.template">
      <body>
         <trans-unit id="6226cbeebaffaec0342459915ef7d9b0e9e92977" datatype="html">
            <source>app is running!</source>
            <context-group purpose="location">
               <context context-type="sourcefile">src/app/app.component.html</context>
               <context context-type="linenumber">2</context>
            </context-group>
         </trans-unit>
      </body>
   </file>
</xliff>